click事件无法触发、div存取数值

简介: .项目中遇到的问题,button的click无法触发,点击按钮,断点都没有走到click里面。那就是click方法没有被触发,那就需要绑定事件。

1.项目中遇到的问题,button的click无法触发,点击按钮,断点都没有走到click里面。那就是click方法没有被触发,那就需要绑定事件。


$(".successnum").each(function(i){
              $(this).bind("click",sub);
  });


代码解读:


遍历所有的类名是.successnum的元素,给他们一一添绑定事件。sub是触发click的时候,调用的方法。


2.div 是一个块状元素,显示的时候自动占据一行,display:block;。div没有value属性,但是如果需要div存取数值,然后取出来的时候,可以通过设置div的title,然后取到div的title属性值就可以了。


例如:在一个ajax请求里面:

for(var i=0;i<data.length;i++){//通过title属性值来存放数据的id
    $("#selectable").append("<li class='ui-state-default'>"+
                    "<div class='adaptername' title='"+data[i].adapter_id+"'>"+data[i].adapter_name+"</div>"+
                    "<div class='successnum' title='1'>成功数:"+data[i].ssize+"</div>"+
                    "<div class='errornum' title='0'>失败数:"+data[i].fsize+"</div></li>");
}
//添加绑定事件。
$(".successnum,.errornum").bind("click",sub);




3.取到div里面存取的title属性

function sub(){
  var  titleValue=$(this).src("title");
}


4.真正的错误原因。


引用了jqueryUI里面的插件,selectedtable,里面把鼠标点击事件给禁止了,额,插件也没多大作用,就去掉吧


目录
相关文章
|
前端开发
layui select 绑定onchange事件失效
layui select 绑定onchange事件失效问题处理
|
2月前
|
JavaScript
VUE中el-input阻止冒泡防止触发父级事件
VUE中el-input阻止冒泡防止触发父级事件
|
3月前
|
JavaScript
JQuery——动态添加元素导致点击事件失效
JQuery——动态添加元素导致点击事件失效
38 0
|
12月前
|
JavaScript 前端开发
JQuery 获取选中多选框的value,合并成数组传给后台
JQuery 获取选中多选框的value,合并成数组传给后台
39 0
|
JavaScript
13、JS事件(事件绑定、事件流、阻止事件冒泡、取消元素默认行为)
13、JS事件(事件绑定、事件流、阻止事件冒泡、取消元素默认行为)
116 0
|
JavaScript
解决input 有多少个radio绑定change事件,手动触发就会执行多少次问题
如题,相信大家都会遇到这个问题,那么为什么会触发多次呢?其实当你用jquery绑定onchange事件的时候你就无形中给每个radio绑定了事件,所以才会出现执行多少次的问题了,那么如何解决呢,其实这个问题就是最好的解决方法了,你想阿,一组radio当然只会选中一个,但是没有 选中的radio也会执...
1195 0
【Layui】操作成功后返回父级并且刷新
【Layui】操作成功后返回父级并且刷新
112 0
【Layui】操作成功后返回父级并且刷新
|
JavaScript
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
462 0
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
|
JavaScript PHP
jquery同时给两个元素绑定同一个click事件
jquery同时给两个元素绑定同一个click事件
470 0