jQuery切换仅工作一次

Question

我的意图是编写可在单击两个按钮中的任何一个时来回切换的代码，其简单代码无法正常工作：

$('#pup_container').load('plst_main_f/login_form.php').hide();
$('#login_activate').click(function (e) {
    e.preventDefault();
    $('#pup_container').fadeIn(950);
});

$('#button_img').click(function () {
    $('#login_wrapper_background').slideToggle(755);
});

第一次工作正常，但切换不像预期的那样，切换只发生一次，可能是因为它们是由不同的按钮触发的，但我不太确定，请帮助

这里的代码是ready函数的一部分。

Answer 1

由于button_img是动态加载的，因此您需要在元素动态加载之后绑定处理程序

$('#pup_container').load('plst_main_f/login_form.php', function () {
    $('#button_img').click(function () {
        $('#login_wrapper_background').slideToggle(755);
    });
}).hide();
$('#login_activate').click(function (e) {
    e.preventDefault();
    $('#login_wrapper_background').toggle(950, function () {});
});

或使用事件委托