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

Das an Jquery gebundene Ereignis löst mehrere Instanzcodes aus

高洛峰
Freigeben: 2017-01-04 14:09:58
Original
1732 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!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage