使用动态jQuery

Working with dynamic jQuery

本文关键字:jQuery 动态      更新时间:2023-09-26

我想知道如何让这个触发器工作,因为我已经尽力了,但似乎找不到问题。

HTML

<div id="testFunc">Change AHref Class</div>
<a href="test.com" class="button" id="testLink">test</a>

JavaScript

$(function () {
    $("#testFunc").click(function () {
        $('#testLink').removeClass("button");
        $('#testLink').addClass("button2");
        return false;
    });
});
$(function () {
    $(".button2").click(function () {
        alert('test');
        return false;
    });
});

不知怎的,在触发testFunc时,它动态地更改了源代码,导致a href类从button更改为button2,当我使用button2点击时,它似乎没有注册。

有办法解决这个问题吗?

谢谢!

Try.on()

使用事件委派。

$(document).on('click','.button2',function(){ code here });

语法

$( elements ).on( events, selector, data, handler );

演示工作指针问题指针