drag and drop dans boite

[pasqal]

bonjour,

le d&d dans une boîte créée par jquery ne fonctionne pas. Je m'explique :
sur mon site, une boîte est créée en AJAX avec jquery grâce à un lien. cela ressemble à ça : $(link).parent().before(content.replace(regexp, new_id));

j'ai une liste draggable d'un coté et ma boîte droppable de l'autre.

Si je crée un boîte directement au chargement de la page, je peux déplacer ma liste dans ma boîte. no problem, tout marche nickel.

Mais si je rajoute une boîte dynamiquement, sans recharger, avec mon lien, rien, elle n'est pas réceptrice (tout est bon coté class ou autre ui-droppable)

Est ce que je dois comprendre que seules les boîtes créées au chargement de la page, en même temps que la liste draggable peuvent être droppable ?? Ou alors y'a un truc que je vois pas ??

en vous remerciant

[x-zolezzi]

Sans le code je suis sûr de rien, mais je pense qu'il faudrait binder l’événement droppable sur ton élément créer dynamiquement.

[pasqal]

bind() ou live() ?

je vais essayer et je reviens vous dire.

[x-zolezzi]

Plutot bind()

[pasqal]

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function add_fields(link, association, content) {
    var new_id = new Date().getTime();
    var regexp = new RegExp("new_" + association, "g");
      $(link).parent().before(content.replace(regexp, new_id));
}
 
$(function() {
    $( "#liste" ).accordion({autoHeight: false,});
    $( "#liste li" ).draggable({
      appendTo: "body",
      helper: "clone"
    });
    $( ".text" ).droppable({
      activeClass: "ui-state-default",
      hoverClass: "ui-state-hover",
      accept: "#liste li",
      drop: function( event, ui ) {
        $(this).insertAtCaret(ui.draggable.text());
      }
    });
  });

Je ne vois pas trop ou poser mon bind là dedans.

[x-zolezzi]

Je pense juste après $(link).parent().before(content.replace(regexp, new_id));
Tu dois binder les événements que tu veux. C'est à dire le draggable.

[pasqal]

mais c'est mon droppable que je veux garder actif. le draggable lui fonctionne car n'est pas ajouter dans le lien. Donc ma liste est tojours visible (et draggable) mais mon droppable apparait par ajax.

du cout, j'ai essayé de binder le $(link).parent().before(content.replace(regexp, new_id)) mais c'est mon lien qui devenait fou.

J'ai essayé

Code :

$( ".text" ).bind('drop',  function( event, ui ) {      $(this).insertAtCaret(ui.draggable.text())};

mais rien.

en tout cas, merci de vous interessez à mon souci.