未来元素:不是一个页面上的元素,是通过js或者通过后台直接渲染在页面上的元素,也就是说这些元素不是直接写在document中的。
1.对于未来元素,我们想直接用js或者jq操作它们是不起作用的。
$("element").on("click",function(){})
2.可以使用来操作未来生成的元素,可是这里有一个局限性,这个事件,是需要在生成元素下面才能使用。
$("element").bind("click",function(){})
3.推荐使用这个方法,这个方法可以很好的解决了上面两点的局限性。
$(function(){
$(document).on('click','绑定点击事件的元素',function(){
/*需要注意的就是事件里边的$(this)指的就是被点击的元素而不是$(document)*/
})
})
但是这个方法有一个问题,这样写是不兼容苹果手机的。如果想兼容苹果手机,需要在需要点击的元素css中添加一个属性 cursor: pointer;。