Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erläuterung der live gebundenen jQuery-Ereignisse und Beispiele zum Aufheben der Bindung

黄舟
Freigeben: 2017-06-26 09:22:49
Original
2036 Leute haben es durchsucht

In diesem Artikel werden Ihnen zwei Methoden für Ereignisse und die Aufhebung der Bindung in jQuery vorgestellt. Ich hoffe, dass dieser Artikel hilfreich sein wird an alle Klassenkameraden.

Eine $.fn.live wiederholte Bindung

Lösung:

Verwenden Sie die Methode die(), Bevor Sie die Methode live() binden, lösen Sie die Bindung aller zuvor gebundenen Ereignisse an diesem Element und binden Sie dann neue Ereignisse über die Methode live().

//先通过die()方法解除,再通过live()绑定 
$("#selectAll").die().live("click",function(){ 
//事件运行代码 
});
Nach dem Login kopieren

Zweitens die Bindung des Live-Ereignisses aufheben

Lösung: Verwenden Sie die Methode unbind("click"), um zuerst die Bindung des gebundenen Ereignisses aufzuheben und dann das neue Ereignis zu binden, d. h. ObjektEntfernen Sie die ursprünglichen Ereignisse auf dem Objekt, bevor Sie das Ereignis binden

var accoutEdit=function(){ 
            $(this).text("解除绑定事件"); 
            //解除live绑定 
            $('.setAccoutEdit .option').die('click',accoutEdit); 
        } 
  
//绑定修改事件 
$('.setAccoutEdit').live('click',accoutEdit); 
  
/* 关闭 功能*/
$('.editOption').live('click',function(){ 
  
    $(this).text("添加绑定事件"); 
    //添加accoutEdit绑定 
    $('.setAccoutEdit .option').live('click',accoutEdit); 
  
});
Nach dem Login kopieren

Zusätzlich
Verwenden Sie bind, um das Ereignis zu binden, verwenden Sie unbind, um die Bindung aufzuheben
Verwenden Sie Delegate, um zu binden Bei einem bestimmten Ereignis verwenden Sie „Undelete“, um die Bindung aufzuheben
Für ein Ereignis, das mit „on“ gebunden ist, verwenden Sie „off“, um die Bindung aufzuheben

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der live gebundenen jQuery-Ereignisse und Beispiele zum Aufheben der Bindung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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