附加锚标记点击事件不会向其添加活动类。 (附加标签由另一个锚标签的点击事件生成)

时间:2016-03-19 07:51:19

标签: jquery html

提前感谢您的帮助。

您可以通过观察以下代码来更好地理解问题:

<a class="save-btn" href="#">Save</a>

<ul><li><a href="#">link 1</a></li></ul>

$('.save-btn').click(function() {
    $('ul').append('<li><a class="newLink" href="#">link 2</a></li>')
    return false;
})

$('.newLink').click(function() {
    $(this).addClass('active') // ".newLink" is not adding "active class"
   return false;
});

我想简单地将活动课程添加到链接,其中包含课程名称&#34; myLink&#34;点击活动。

我知道问题是&#34;点击事件&#34;, window.load 上附加的锚标记正在完美地添加活动类。

Here is image for more clarification

图片说明:链接&#34; Abc Xyz&#34;应该添加&#34;活跃的课程&#34;点击(根据我的图像,活动链接将具有蓝色背景)

1 个答案:

答案 0 :(得分:0)

当您将点击事件绑定到$('.newLink')时,页面中没有与该类相关联的链接。使用此绑定绑定到与选择器匹配的任何当前或未来元素: $(document).on('click', '.newLink', yourcallbackfunction);