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);
});

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

这里的

代码是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 () {});
});

或使用event delegation

jquery切换只能工作一次

1 个答案: