drag and drop dans boite

Version imprimable

13/04/2011, 00h24
pasqal

drag and drop dans boite

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
13/04/2011, 10h11
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.
13/04/2011, 20h36
pasqal

bind() ou live() ?

je vais essayer et je reviens vous dire.
13/04/2011, 20h40
x-zolezzi

Plutot bind()

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.

15/04/2011, 15h40
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.
15/04/2011, 21h17
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.