绑定jQuery的事件的DOM负载
问题描述:
在我的页面的静态版本之后只,我有一个JS调用:绑定jQuery的事件的DOM负载
$(document).on('click','#id_tag', function() {
id为#id_tag元素将不会在DOM文档时第一次加载。只有DOM元素出现时,我如何才能绑定此事件?
注:在以前的版本中,我miswrote ID作为.id_tag
因此评论下面
答
我想你想要这样的:
$(document).ready(function(){
$(document).on('click','.id_tag', function() {
if($(this)!=null){
//do ur stuff
}
});
});
答
或本 -
$(function(){
// DOM Ready - do your stuff
$(document).on('click','.id_tag', function() {
if($(this)!=null){
//do ur stuff
}
});
});
答
DOM ready函数将做的工作!
最简单的例子就是这样!
$(function(){
var $doc = $(document);
$doc.on('click','#id_tag', function() {
alert('id_tag is clicked!');
});
});
答
简明:
$(function(){
$(this).on('click', '.id_tag', function() {
//handle click
});
});
说明:这将导致jQuery来点击监听器附加到整个document
元素。当它被点击时,jQuery然后检查它是否是一个id_tag
实际点击过的类元素。
该元素如何被添加到DOM,你不能在smae时间添加它?此外,ids不应该有任何'.'在他们的 –
这应该工作..只有我可以猜到的是#代替'''在代码中.. –
因为你使用事件委托,即使元素后来添加它应该工作 –