2010-12-17 2 views
1

Ich habe einen einfachen Code Beispiel @http://jsbin.com/ukiwo3/editWarum ist Sortieren der einzige Ereignisauslösung für jQuery UI .sortable()?

Es hat 2 verbundene Listen und eine Ladung von gebundenen Ereignissen. Ich bin hoffnungsvoll, dass ich etwas Einfaches verpasst habe, basierend auf http://jqueryui.com/demos/sortable/ Ereignisse Ich denke, ich sollte sehen, dass all diese Ereignisse ausgelöst werden, wenn ich eine Frage li ziehe und neu ordne. Im Moment wird nur die Protokollierung auf der Konsole protokolliert.

Kann mir jemand sagen, was falsch ist und wie man den Rest zum feuern bringt?

Danke, Denis

+0

http://docs.jquery.com/UI/Sortable#events - Überprüfen Sie die bind Beispiele hier. –

Antwort

5

Die Ereignisse werden beim Binden anders benannt, z. B. sortstart anstelle von start. Look at the list of events on the demo page für eine vollständige Liste dessen, was Ihre Bindungen sein sollten.

Insgesamt it should look like this:

$(".questions").bind("sortstop", function(event, ui) { 
    console.log("stop event"); 
}); 
$(".questions").bind("sortstart", function(event, ui) { 
    console.log("start event"); 
}); 
$(".questions").bind("sortchange", function(event, ui) { 
    console.log("change event"); 
}); 
$(".questions").bind("sort", function(event, ui) { 
    console.log("sort event"); 
}); 
$(".questions").bind("sortremove", function(event, ui) { 
    console.log("remove event"); 
}); 
$(".questions").bind("sortout", function(event, ui) { 
    console.log("out event"); 
}); 
$(".questions").bind("sortover", function(event, ui) { 
    console.log("over event"); 
}); 
$(".questions").bind("sortupdate", function(event, ui) { 
    console.log("update event"); 
}); 

(nicht optimiert, nur Ereignisnamen angezeigt)

+0

Ich wusste, ich brauchte nur ein zweites Augenpaar! Hätte es selbst gesehen haben müssen. Prost –

+0

@Denis - willkommen! :) –

0

tat ich das, und ich sehe das Ereignis Stopp ausgelöst werden:

$('.questions').sortable({ 
     axis: 'y', 
     connectWith: ".questions", 
     placeholder: "question-highlight", 
     stop:function(event, ui) { 
     console.log("stop event"); 
     } 
}); 

Es scheint mir, diese ‚Ereignisse‘ sind über bind nicht zugänglich.

Verwandte Themen