jq动态增加元素时,点击事件不响应解决方法(其他类似)
2017-08-14 16:19
453 查看
每次追加元素后,都调用一次绑定(如果不解除之前的绑定,直接绑定的话,响应事件的次数与绑定次数有关)。
例如:增加楼层,添加点击响应
function BindCheckFunction()
{
$(".Floor").unbind();
$(".Floor").click(function(){
check(this);
});
}
function NewFloor()
{
var length = $(".Floor-Div").length +1;
$("#buildings").append("<div class='Floor-Div'>"+
"<input type='checkbox' class='Floor' value=" + length + ">" +
"</input><span>" + length + "楼" + "</span>" +
"<ul style='display:none' class='buildings-ul'></ul>" +
"</div>");
$("#FloorSelect").append("<option value=" + length + ">" + length + "楼" + "</option>");
BindCheckFunction();
}
例如:增加楼层,添加点击响应
function BindCheckFunction()
{
$(".Floor").unbind();
$(".Floor").click(function(){
check(this);
});
}
function NewFloor()
{
var length = $(".Floor-Div").length +1;
$("#buildings").append("<div class='Floor-Div'>"+
"<input type='checkbox' class='Floor' value=" + length + ">" +
"</input><span>" + length + "楼" + "</span>" +
"<ul style='display:none' class='buildings-ul'></ul>" +
"</div>");
$("#FloorSelect").append("<option value=" + length + ">" + length + "楼" + "</option>");
BindCheckFunction();
}
相关文章推荐
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- jQuery on()方法绑定动态元素的点击事件无响应的解决办法
- Apple 移动设备绑定动态生成元素点击事件$(document).on('click',element,callback)失效解决方法
- jquery无法为动态生成的元素添加点击事件的解决方法
- jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
- Apple 移动设备绑定动态生成元素点击事件$(document).on('click',element,callback)失效解决方法
- jquery无法为动态生成的元素添加点击事件的解决方法
- 使用jquery on()方法解决html页面点击元素,事件无响应的问题
- 解决jquery中动态新增的元素节点无法触发事件问题的两种方法
- js动态加载元素的事件响应--jquery解决
- Asp.net 动态创建的控件并添加事件,无响应的解决方法。
- Asp.net 动态创建的控件并添加事件,无响应的解决方法。
- ListView的item点击事件无响应的解决方法
- Asp.net 动态创建的控件并添加事件,无响应的解决方法。
- 关于使用DrawerLayout建立侧滑菜单时,下层布局依然可响应点击事件的解决方法
- jquery动态添加元素事件失效问题解决方法
- 自定义UIView重写touchesBegan无法响应点击事件的解决方法
- ListView更新后无法响应点击事件解决方法(失去焦点)