javascript - 如何: Swap options with jQuery while using jQuery UI

Question

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

工作 fiddle 没有加载选项:http://jsfiddle.net/mBMRp/ jQuery UI

使用选项上加载的 jQuery UI 工作 fiddle : http://jsfiddle.net/FUUYq/

非常感谢

Answer 1

您需要销毁 selectMenu 并重新绑定(bind)它，请查看此 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();
});