live pour jquery plugin élastique?

Question

J'utilise le plugin élastique jquery pour développer une zone de texte. ça marche super mais je veux l'utiliser sur un textbox qui est ajouté au DOM avec ajax mais malheureusement ce plugin n'a pas de fonction live intégrée.

est-il un moyen de résoudre ce problème?

http://www.unwrongest.com/projects/elastic/

Answer 1

Si vous avez le contrôle sur la création de textarea, puis il suffit d'appeler .elastic() sur la zone de texte une fois qu'il est créé:

// In whatever AJAX callback creates the textarea... 
var newTextarea = $('<textarea></textarea>'); 

// Append the element to the DOM wherever it belongs... 
parentElement.append(newTextarea); 

// Add elastic behavior. 
newTextarea.elastic(); 

Answer 2

Avec jQuery 1.4, vous pouvez le faire:

$("textarea").live("focus", function() { 
    $(this).elastic().die("focus"); 
}); 

jQuery 1.3.x ne prend pas en charge l'événement de mise au point pour le live(), il obtient un peu plus délicat:

$("textarea").live("keydown", elasticize).live("mousedown", elasticize); 

function elasticize() { 
    $(this).elastic().die("keydown").die("mousedown"); 
} 

Les appels die sont là, de sorte que l'élasticité n'est appelée qu'une fois pour chaque zone de texte.

Answer 3

Les autres réponses suggèrent de détruire le gestionnaire de mise au point, mais qui peuvent briser d'autres dépendances. Au lieu de cela, vous pouvez marquer votre zone de texte avec class = "elastic". Une fois l'élastique initialisé, vous pouvez supprimer la classe "élastique" pour éviter les répétitions.

$(document) .on('focus','textarea.elastic',function(e) { $(this).removeClass('elastic').elastic(); })