editableText plugin permettant problème

Question

J'ai expérimenté avec ce plugin http://valums.com/edit-in-place/, jusqu'ici tout va bien ... Mais j'ai rencontré ce problème. Je veux mettre à jour ma page quand la mise à jour ou la nouvelle demande pour sauvegarder des données est envoyée mais si je mets à jour cette fonction (edit-in-place) cela ajoutera le deuxième ensemble de boutons, troisième, quatrième et ainsi de suite. Comment est-ce que je pourrais le dire qu'il mettrait juste à jour les données retournées, mais pas tous les éléments? J'ai une idée qu'il doit faire quelque chose avec chaque fonction de jquerys, mais je ne suis pas sûr car je suis assez nouveau à jquery. Merci pour toute aide!

Answer 1

Vous pouvez donner le sélecteur un context, donc par exemple si vous faites cela maintenant:

$('.editableText').editableText({ 
    newlinesEnabled: false 
}); 

Dans votre rappel ajax, lui donner un contexte lors de l'appel dans la méthode success ou complete, où vous ajoutez des éléments, comme ceci:

$.ajax({ 
    ...options here... 
    success: function(data) { 
    $('.editableText', data).editableText({ 
     newlinesEnabled: false 
    }); 
    //insert the elements somewhere... 
    } 
}); 

Le , data lui donne a context (you can see options for $(selector, context) here), cela signifie qu'il est seulement la recherche d'éléments de cette catégorie dans les données retournées/html, pas tous les éléments sur la page. Cela devrait éliminer votre problème de répétition en sélectionnant et en exécutant le plugin sur les éléments sur lesquels il est déjà exécuté.