Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.