jQuery点击事件添加类后不工作

前端之家收集整理的这篇文章主要介绍了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>

它有一个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&gt ;:

<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> ID。但对于第二个< li>,其中class =“tabclick”被第一次添加jQuery不工作。

我试过$(“a.tabclick”)。live(“click”,function(),但是第一个链接点击事件也没有工作。

解决方法

由于类是动态添加的,您需要使用事件委派来注册事件处理程序
$(document).on('click',"a.tabclick",function() {
    var liId = $(this).parent("li").attr("id");
    alert(liId);        
});
原文链接:https://www.f2er.com/jquery/185209.html

猜你在找的jQuery相关文章