如何：使用jQuery UI时使用jQuery交换选项

Question

在使用jQuery UI时，我一直在尝试找到一种在它们之间交换选项值的方法。我做了一个简单的小提琴，可以交换选项，但只有在我不使用jQuery UI时才有效。

工作小提琴没有 jQuery UI加载在选项上：http://jsfiddle.net/mBMRp/

工作小提琴与 jQuery UI加载在选项上：http://jsfiddle.net/FUUYq/

非常感谢

Answer 1

您需要销毁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();
});