blocks|key|423170|text|使用1.7.1中的新jQuery+on函数-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|423171|http://api.jquery.com/on/|offset|length|423172|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|P|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Use the new jQuery on function in 1.7.1 - 

<a href="http://api.jquery.com/on/" rel="nofollow">http://api.jquery.com/on/</a>

blocks|key|423217|text|使用.click只会将事件附加到已经存在的元素。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|423218|您需要使用一个函数来监视动态创建的事件-在旧版本的JQuery中，这是.live()，但已被.on()取代|423219|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/on/^0|2|6|0|Z|7|1A|5|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|H|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

Using <code>.click</code> will only attach events to elements that already exist.

You need to use a function which monitors for dynamically created events - in older versions of JQuery this was <code>.live()</code>, but this has been superceded by <a href="http://api.jquery.com/on/" rel="nofollow">.on()</a>

blocks|key|423221|text|$("#container").delegate("span",+"click",+function+(){
++++alert(11);
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|423222|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$("#container").delegate("span", "click", function (){
 alert(11);
});
</code></pre>

blocks|key|423276|text|试试像这样的东西|type|unstyled|depth|inlineStyleRanges|entityRanges|data|423277|$("#container").on('click',+'someLinkSelector',+function(){+$("#container").html(+<new+html+with+new+spans>+)+});|code-block|syntax|javascript|423278|基本上，您需要从DOM的非动态部分附加事件，以便它可以监视动态创建的元素。|423279|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Try something like 

<pre><code>$("#container").on('click', 'someLinkSelector', function(){ $("#container").html( &lt;new html with new spans&gt; ) });
</code></pre>

You basically need to attach your events from a non-dynamic part of the DOM so it can watch for dynamically-created elements.

blocks|key|637833|text|几天前我遇到了这个问题--我的解决方案是使用.bind()将所需的函数绑定到动态创建的链接。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|637834|var+catLink+=+$('<a+href="#"+id="'+%2B+i+%2B+'"+class="lnkCat">'+%2B+category.category+%2B+'</a>');
catLink.bind("click",+function(){
+$.categories.getSubCategories(this);
});

getSubCategories+:+function(obj)+{
+//do+something
}|code-block|syntax|javascript|637835|我希望这能帮到你。|637836|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I faced this problem a few days ago - the solution for me was to use .bind() to bind the required function to the dynamically created link.

<pre><code>var catLink = $('&lt;a href="#" id="' + i + '" class="lnkCat"&gt;' + category.category + '&lt;/a&gt;');
catLink.bind("click", function(){
 $.categories.getSubCategories(this);
});

getSubCategories : function(obj) {
 //do something
}
</code></pre>

I hope this helps.

blocks|key|423384|text|您必须将单击事件添加到exist元素。不能向动态创建的dom元素添加事件。如果你想给它们添加事件，你应该使用".on“将事件绑定到一个已存在的元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|423385|$('p').on('click','selector_you_dynamic_created',function(){...});|code-block|syntax|javascript|423386|.delegate也应该可以工作。|423387|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You have to add click event to an exist element.
You can not add event to dom elements dynamic created.
I you want to add event to them, you should bind event to an existed element using ".on".

<pre><code>$('p').on('click','selector_you_dynamic_created',function(){...});
</code></pre>

.delegate should work,too.

I have a piece of jQuery that loops through each element in a given div( <code>#container</code>) and does a javascript alert each time a span is clicked. This works fine if the <code>&lt;span&gt;</code>'s are static.

However, if I use a piece of code like:

<pre><code>$(someLink).click(function(){
 $("#container").html( &lt;new html with new spans&gt; )
});
</code></pre>

The jQuery code doesn't fire off. Oddly enough though

My question is : Is there a reason my Click events don't work for dynamically created items? I assume I will have to add something into my document ready or heartbeat-script (which is fired every 100 miliseconds) to hook up the events??

jQuery click not working for dynamically created items

jQuery

我有一段jQuery，它遍历给定div( #container)中的每个元素，并在每次单击某个跨度时发出javascript警报。如果是静态的，则可以很好地工作。但是，如果我使用如下代码：$(someLink).click(function(){ $("#container").html( <new h...

问jQuery单击不适用于动态创建的项目
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery单击不适用于动态创建的项目EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery单击不适用于动态创建的项目
EN