Javascript 显示隐藏输入在第二次加载引导模式时不起作用

Question

我有一个 JavaScript 代码，可以使用引导模式内的复选框隐藏和显示上传输入，第一次启动模式时它可以工作，但第二次我打开模式，然后单击复选框以显示上传输入，它显示但随后自动隐藏它。

$('.modal').on('loaded.bs.modal', function (e) {        
    $(".upload_file").hide();
    $(".show_hide").show();

    $('.show_hide').click(function(){
        $(".upload_file").slideToggle();    
    });

       //jquery validation goes here...
}); 

我在这里缺少什么，希望你们能帮忙。 TIA。

Answer 1

您正在创建多个点击事件，每次打开模式时都会创建一个新事件。

改变

$('.show_hide').click(function(){
    $(".upload_file").slideToggle();    
});

到

$('.show_hide').off('click').on('click', function(){
    $(".upload_file").slideToggle();    
});

这将终止第一个点击事件，然后重新绑定(bind)它。

或者，您可以将点击事件的绑定(bind)移出模式初始化，这样它只会被调用一次。