Discussion :

[BkD35]

Bonjour,

J'explique mon problème qui est assez contraignant pour mon projet.

Prenons l'exemple du bout de code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div>
  <div id="col_1" class="droppable">
      <div class="draggable"></div>
  </div>
  <div id="col_2" class="droppable">..</div>
  <div id="col_3" class="droppable">..</div>
  <div id="col_4" class="droppable">..</div>
  <div id="col_5" class="droppable">..</div>
</div>

A l'intérieur de ces div j'ai mes éléments draggables

Mon initialisation javaScript des éléments droppables est là suivante

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var initDroppable = function() {
	var fctOver= function (event, ui) {
		$(this).append(ui.draggable);
	};
 
	var conf = {
		tolerance: 'pointer',
		over: fctOver
	};
 
	$('.droppable').droppable(conf);
};

Problème sous IE, lorsque la fonction 'fctOver' s'execute quand mon helper arrive sur l'élément droppable, j'ai également l'évènement STOP de mon élément draggable qui s'éxécute et plante donc tout !

Apparement IE n'aime pas trop le fait de modifier l'emplacement d'un élément dans le DOM pendant le dragging.

Si quelqu'un à une solution à proposer je suis preneur. Si vous ne saisissez pas exactement mon problème, merci de me le redire j'essayerais d'être plus explicite avec une page de demo.

Merci :]

[BkD35]

Resolu ! En voilant créer un exemple pour que le problème soit plus explicite j'ai trouvé la solution o_O

Dans ma fonction suivante il fallait vérifier que on append n'était pas fait sur la même colonne que $(this) :

Code :

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

1
2
3
4
 
var fctOver= function (event, ui) {
	$(this).append(ui.draggable);
};

Ce qui donne :

Code :

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

1
2
3
4
5
6
 
var fctOver= function (event, ui) {
	if ( $(this).attr('id') != ui.draggable.parents('.droppable').attr('id') ) {
		$(this).append(ui.draggable);
	}
};

Ah la la les joies de IE enfin le problème est résolu c'est le principal!