JQuery (this) .text n'est pas ajouté via click

Question

Question mal formulée, mais je ne peux pas trouver une meilleure façon. En outre, vérifié les questions «connexes» et aucun ne résout ce problème. J'utilise JQuery 1.4.2 et JQueryUI 1.8.1.

J'ai une liste de "boutons", et je veux que ces boutons pour faire une copie d'eux-mêmes dans une autre liste sur la page. Voici ce que j'ai jusqu'à présent:

 $("#actionList ul > li > p").button({ 
      icons: { 
       primary: 'ui-icon-document' 
      }, 
      text: true 
     }).click(function() { 
      $('#callFlow').find(".placeholder").remove(); 
      $("<li></li>").text((this).text).appendTo('#callFlow'); 
     }); 

#actionList est la DIV pour la liste non ordonnée que j'ai. P contient l'effet "bouton". #callFlow est la DIV pour la liste ordonnée, qui contient un li simple avec la classe d'espace réservé.

La plupart de ces informations proviennent de la démo du panier d'achat sur le site de l'interface JQuery. Mais je suis parti de draggable/droppable, et je veux simplement que l'utilisateur clique sur le bouton et le fasse "dupliquer" dans l'autre liste. Aucun tri n'est nécessaire, car il s'agit d'une application de création de flux qui finira par charger une div AJAX en fonction du bouton sur lequel vous cliquez.

Toute aide est excellente. J'espère avoir été assez clair pour décrire le problème.

Answer 1

Lors de l'obtention (ou le réglage) le texte que vous devez appeler la fonction, comme ceci:

$("<li></li>").text($(this).text()).appendTo('#callFlow'); 

Lorsque vous appelez $(this).text c'est juste une référence à la fonction, vous voulez réellement exécuter la fonction et obtenir le résultat, utilisez $(this).text().