Come riattivare/reindirizzare l'interfaccia utente jQuery ordinabile dopo $ .unbind?

Question

$('div.something').sortable(options) funziona correttamente, ma si interrompe dopo $('div.something').unbind();. Il tentativo di rieseguire $('div.something').sortable(options); o $('div.something').sortable('refresh'); dopo $('div.something').unbind(); non aiuta.

Sto usando $ .unbind per disattivare/annullare l'inizializzazione di un plugin rimuovendo gli eventi dall'elemento su cui viene applicato il plugin, tuttavia questa tecnica sta avendo un effetto negativo in quanto sta rompendo $ .sortable. Qualche idea su come riattivare ordinabile?

Sto utilizzando le ultime versioni di jQuery e jQuery UI.

Answer 1

Effettuare una chiamata a .sortable('destroy') prima di chiamare .unbind() rimuoverà completamente la funzionalità ordinabili dall'elemento.

Ciò garantisce il corretto smontaggio prima di eseguire la chiamata un po 'pericolosa a .unbind(), che rimuove tutti i gestori associati sull'elemento. Quindi, è possibile inizializzare nuovamente la funzione ordinabile.

// Initialization of the sortable feature 
$('div.something').sortable(options); 
... 
// Remove the sortable feature to prevent bad state caused by unbinding all 
$('div.something').sortable('destroy'); 
// Unbind all event handlers! 
$('div.something').unbind(); 
... 
// Re-initialize the sortable feature 
$('div.something').sortable(options); 

Answer 2

Se si desidera disattivare il plugin sortable mi consiglia di utilizzare destroy metodo

$('div.something').sortable(options)//Activate 
.... 
$('div.something').sortable('destroy')//Remove the plugin functionality 
.... 
$('div.something').sortable(options)//Reactivate 

Demo: Fiddle