html élément contenu changement événement

j'ai besoin d'un événement connu de contenu changer mon élément div, comment puis-je le faire avec jquery?html élément contenu changement événement

<div id="mydiv">text before</div>

après un certain temps

<div id="mydiv>other content</div>

je fais de telle manière

$("#mydiv").change(function() { alert('yes'); });

par ne fonctionne pas

(function(){ 

      var interval; 

     jQuery.event.special.contentchange = { 
      setup: function(data, namespaces) { 
        var $this = $(this); 
       var $originalContent = $this.text(); 
       interval = setInterval(function(){ 
        if($originalContent != $this.text()) { 
          console.log('content changed'); 
          $originalContent = $this.text(); 
          jQuery.event.special.contentchange.handler(); 
        } 
       },500); 
      }, 
      teardown: function(namespaces){ 
       clearInterval(interval); 
      }, 
      handler: function(namespaces) { 
       jQuery.event.handle.apply(this, arguments) 
      } 
     }; 

    })(); 

$("#mydiv").bind("contentchange", function() { 
    alert('yes'); ///no alert! why? 
});

mais je vois les journaux dans la console!

Source

2010-12-26 vinnitu

Je ne pense pas qu'il y ait un cross-navigateur pour cela. Quand change le contenu de la div? Y a-t-il une chance d'accrocher dans cet appel de fonction? –

Cochez cette publication sur SO. C'est sur des lignes similaires de ce que vous demandez: http://stackoverflow.com/questions/1449666/create-a-jquery-special-event-for-content-changed – Chandu

Comment spécifiquement modifiez-vous le contenu de l'élément? –

Vous pouvez déclencher un événement personnalisé après avoir modifié le contenu de l'élément:

var $mydiv = $("#mydiv"); 

// set up the custom event handler 
$mydiv.bind("contentchange", function() { 
    alert("changed"); 
}); 

// change the content and trigger a custom event 
$mydiv.html("other content").trigger("contentchange"); 

// and again 
$mydiv.html("yet other content").trigger("contentchange");

Source

2010-12-26 19:08:41

s'il vous plaît commenter ma question mise à jour – vinnitu

@vinnitu Alors l'extension Chrome est en train de changer le contenu de l'élément? Dans ce cas, ma solution ne le coupera pas. Découvrez la réponse à cette question: stackoverflow.com/questions/1449666/ –

"The change event is sent to an element when its value changes. 

This event is limited to <input> elements, <textarea> boxes and <select> elements. "

Vous ne pouvez pas utiliser l'événement change sur divs.

Source

2010-12-26 18:42:35

html élément contenu changement événement

Répondre

Questions connexes