jquery切换只能工作一次

时间:2014-03-08 03:39:46

标签: javascript jquery

我的目的是编写在单击任意两个按钮时来回切换的代码,其简单代码但不能按预期工作:

$('#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函数的一部分。

1 个答案:

答案 0 :(得分: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