如何：在使用jQuery UI時使用jQuery交換選項

Question

我一直在試圖找到一種方法來在他們之間交換選項值，而我正在使用jQuery UI。我做了一個簡單的小提琴，它可以交換選項，但只有當我不使用jQuery UI時纔有效。

工作撥弄沒有 jQuery UI的加載上的選項：http://jsfiddle.net/mBMRp/

工作撥弄與 jQuery UI的加載上的選項：http://jsfiddle.net/FUUYq/

非常感謝

Answer 1

你需要distroy selectMenu和重新綁定它看看這個fiddle

$('select').selectmenu(); 
$('.swap a').click(function() { 
    var opt1 = $(this).parent().prev('.forms').find('option'); 
    var opt2 = $(this).parent().next('.forms').find('option'); 

    // Remove them from the dom. 
    opt1.detach(); 
    opt2.detach(); 

    // And put them back. 
    $(this).parent().prev('.forms').find('select').append(opt2); 
    $(this).parent().next('.forms').find('select').append(opt1); 
    $('select').selectmenu('destroy').selectmenu(); 
});