Das an Jquery gebundene Ereignis löst mehrere Instanzcodes aus-js-Tutorial-php.cn

Das an Jquery gebundene Ereignis löst mehrere Instanzcodes aus

高洛峰

Freigeben： 2017-01-04 14:09:58

Original

1666 Leute haben es durchsucht

Verwenden Sie die Funktion „Ein“, um ein Ereignis an eine neue Schaltfläche zu binden. Dieses Ereignis wird mehrmals ausgelöst.

<html> 
<head> 
  <meta name="viewport" content="width=device-width" /> 
  <title>码上飘</title> 
  <script src="/FrontStyle/js/jquery-1.11.2.min.js" type="text/javascript"></script> 
  <script> 
    $(function(){ 
      $(&#39;#btn1&#39;).click(function () { 
        $(&#39;#btnBind&#39;).on(&#39;click&#39;,function () { 
          alert(123); 
        }); 
      }); 
    }) 
  </script> 
</head> 
<body> 
<input id="btn1" type="button" value="确认" /> 
<input id="btnBind" type="button" value="绑定按钮" /> 
</body> 
</html>

Nach dem Login kopieren

Wie im obigen Code gezeigt, wird das Klickereignis so oft wie möglich an die Schaltfläche „btnBind“ gebunden, wenn Sie mehrmals auf die Schaltfläche „btn1“ klicken so oft ausgelöst, wie es gebunden ist.

Lösung:

1. Wenn Sie möchten, dass es nur einmal gebunden wird, können Sie zuerst „Aus“ drücken, um die Bindung zu lösen, und dann „Ein“.

$(&#39;#btnBind&#39;).off(&#39;click&#39;).on(&#39;click&#39;,function () { 
  alert(123); 
});

Nach dem Login kopieren

2. Unbind() nach einmaliger Ausführung

$(&#39;#btn1&#39;).click(function () { 
    $(&#39;#btnBind&#39;).on(&#39;click&#39;,function () { 
      alert(123); 
    });<BR>     $("#btnBind").unbind("click") 
});

Nach dem Login kopieren

Der obige Beispielcode von Jquery zum mehrmaligen Auslösen von Bindungsereignissen ist alles, was der Editor mit Ihnen geteilt hat. Der Inhalt ist vollständig Ich hoffe, dass es Ihnen eine Referenz geben kann, und ich hoffe auch, dass jeder die chinesische PHP-Website unterstützt.

Weitere JQuery-On-Bound-Ereignisse, die mehrere Instanzcodes auslösen, finden Sie auf der chinesischen PHP-Website für verwandte Artikel!