Heim > Artikel > Web-Frontend > Das an Jquery gebundene Ereignis löst mehrere Instanzcodes aus

Das an Jquery gebundene Ereignis löst mehrere Instanzcodes aus

高洛峰Original: 2017-01-04 14:09:581706Durchsuche

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>

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

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

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der jQuery-mobile-Ereignisüberwachung und -nutzungNächster Artikel：Detaillierte Erläuterung der jQuery-mobile-Ereignisüberwachung und -nutzung

In Verbindung stehende Artikel

Mehr sehen