添加类后jQuery单击事件无效

Question

添加类后jQuery单击事件无效在我的JSP页面中，我添加了一些链接：<a class="applicationdata" href="#" id="1">Organization Data</a><a class="applicationdata" href="#" id="2">Business Units</a> <a class="applicationdata" href="#" id="6">Applications</a><a class="applicationdata" href="#" id="15">Data Entity</a>它有一个为Click事件注册的jQuery函数：$("a.applicationdata").click(function() {     var appid = $(this).attr("id");     $('#gentab a').addClass("tabclick");     $('#gentab a').attr('href', '#datacollector');});它会增加一个类，tabclick到<a>里面<li>带着id="gentab"..它运转得很好。这是我的代码<li>:<li id="applndata"><a class="tabclick" href="#appdata" target="main">Application Data</a></li><li id="gentab"> <a href="#datacollector" target="main">General</a></li>现在，我为这些链接提供了jQuery单击处理程序。$("a.tabclick").click(function() {     var liId = $(this).parent("li").attr("id");     alert(liId);        });对于第一个链接，它运行良好。它正在提醒<li>身份证。但是第二个<li>，在那里class="tabclick"是由第一个添加的jQuery不起作用的。我试过$("a.tabclick").live("click", function()，但是第一个链接单击事件也不起作用。

Answer 1

因为class动态添加，则需要使用事件委托注册事件处理程序。

$(document).on('click', "a.tabclick", function() {
    var liId = $(this).parent("li").attr("id");
    alert(liId);        });

Answer 2

.live()当您想要用于委托元素时，请使用.on()来使用以下语法

$(document).on('click', "a.tabclick", function() {

此语法适用于委托事件。

.on()