如何避免.live jquery上的乘法

Question

我有一个事件选择添加到我的引导HTML编辑器的正确的文本值。问题是，每次有一个选择的HTML工具栏被添加，所以我有很多工具栏在那里。我想在创作之前摧毁，但我真的不知道如何。该代码的外观，因为它遵循

$('a.open_dialog').click(function(e) { 
     e.preventDefault(); 
     var tabsDiv=$('<div />').appendTo('body').load($(this).attr('href'),function(){ 
     $('#tabs').tabs(); 
     $('select#state').live('change',function() { 

      $('.textarea').empty().wysihtml5().data("wysihtml5").editor.setValue(getCustomText($('select#state').val())); 

     }); 

     $("#datepicker").datepicker();   
     }) 
     .dialog({ 

      title: $(this).attr('title'), 
      modal: true, 
      draggable: false, 
      width: 800, 
      position: 'top', 
      buttons: { 
       "Speichern": function() { 
        open: { $(this).addClass('b') } 
        $.ajax({ 
          type: "POST", 
          url: 'action.php', 
          data: $("#edit_form").serialize(), // serializes the form's elements. 
          success: function(data) 
          { 
           alert('Der Datensatz wurde gespeichert!'); // show response from the php script. 
          }, 
          error:function(){ 

           alert('Es gibt ein Fehler bei Daten übetragung!'); 

          } 
         }); 

       }, 
       "Email schicken": function() { 

        $.ajax({ 
          type: "POST", 
          url: 'mailer.php', 
          data: $("#contactform").serialize(), // serializes the form's elements. 
          success: function(data) 
          { 
           alert('Das Email wurde geschickt!'); // show response from the php script. 
          }, 
          error:function(){ 

           alert('Es gibt ein Fehler bei Daten übetragung!'); 

          } 
         }); 
       }, 

       "Rechnung herunterladen":function() { 

        $.ajax({ 
          type: "POST", 
          url: 'docsx.php', 
          data: $("#edit_form").serialize(), // serializes the form's elements. 
          success: function(data) 
          { 

           window.location.href ='rechnung.docx'; // show response from the php script. 
          }, 
          error:function(){ 

           alert('Es gibt ein Fehler bei Daten übetragung!'); 

          } 
         }); 

        } 

      }, 
      close: function() { 
       tabsDiv.remove() // so I can reload again 
       location.reload(true); 
//    allFields.val("").removeClass("ui-state-error"); 


      }, 
     }); 


     return false; 
    }); 

Answer 1

试试这个

查找文档中是否有破坏方法来删除工具栏.. 你也可以采取一个更在地方完全删除内容的方法并再次添加的内容和重新分配的工具栏..

修订

为什么你有嵌套的单击事件中的变化情况。 。如果你这样做，那么每次打开对话框时都会有一个新的变化事件与之相关联。尝试将它从 单击事件中移出。还要确保使用.on（）代理事件

尝试解除绑定和分配的事件。我们不应该解除绑定和绑定一遍又一遍，因为它是一个反模式。但是检查，如果这个工程

$('select#state').unbind().live('change', function() { 
      $('.textarea').empty().wysihtml5().data("wysihtml5").editor 
      .setValue(getCustomText($('select#state').val())); 
     });