J'ai réalisé un système de Drag and Drop, mais il ne fonctionne pas sous IE.
J'ai identifié la portion du code qui fait planter IE.
Code : Tout sélectionner
$('#example-1-3 .sortable-list').sortable({
connectWith: '#example-1-3 .sortable-list',
placeholder: 'placeholder',
start: function(event, ui) {
// le texte de l'élément déplacé
console.log("start : ui.item.text() = " + ui.item.text());
// la position initiale de l'élément déplacé + 1 pour obtenir de 1 à n
console.log('start : $(this).children("li").index(ui.item) = ', $(this).children("li").index(ui.item) + 1);
},
stop: function(event, ui) {
// le texte de l'élément déplacé
console.log("stop : ui.item.text() = " + ui.item.text());
// la position finale de l'élément déplacé + 1 pour obtenir de 1 à n
console.log('stop : $(this).children("li").index(ui.item) = ', ui.item.parent("ul").attr('id'));
if((ui.item.parent("ul").attr('id') == '') && (ui.item.attr('name') == 'quest')){
$(this).sortable('cancel');}
if((ui.item.attr('name') == 'mod') && (ui.item.parent("ul").attr('id') != '')) {
$(this).sortable('cancel');}
}
});Si j'enlève tout ce qu'il y a après placeholder, cela fonctionne sous IE. Mais j'ai absolument besoin d'annuler certains déplacement..
Je vous remercie pour votre aide