Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée des événements liés en direct jQuery et exemples de dissociation

黄舟
Libérer: 2017-06-26 09:22:49
original
2028 Les gens l'ont consulté

Cet article vous présentera deux méthodes concernant la liaison en direct dans jQuery, l'événement et la dissociation. J'espère que cet article sera utile. à tous les camarades de classe.

Une liaison répétée $.fn.live

Solution :

Utilisez la méthode die(), Avant de lier la méthode live(), dissociez tous les événements précédemment liés sur cet élément, puis liez les nouveaux événements via la méthode live().

//先通过die()方法解除,再通过live()绑定 
$("#selectAll").die().live("click",function(){ 
//事件运行代码 
});
Copier après la connexion

Deuxièmement, dissocier l'événement en direct

Solution : utilisez la méthode unbind("click") pour dissocier d'abord l'événement, puis lier le nouvel événement, c'est-à-dire donner ObjetSupprimez les événements d'origine sur l'objet avant de lier l'événement

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); 
  
});
Copier après la connexion

De plus
Utilisez bind pour lier l'événement, utilisez unbind pour dissocier
Utilisez un délégué pour lier Pour un certain événement, utilisez annuler la suppression pour dissocier
Pour un événement lié avec on, utilisez off pour dissocier

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal