如何在jquery中删除UI selectmenu?

时间:2012-06-13 12:05:45

标签: javascript jquery jquery-ui

下面的代码通过

设置带有UI选择菜单的选择菜单
$('.anyclass').selectmenu();

但问题是如何删除 .anyclass

的UI选择菜单

4 个答案:

答案 0 :(得分:3)

您可以通过以下方式删除元素:

$('.anyclass').remove();

删除特定类:

$('.anyclass').removeClass('addedClass');  // where addedClass is something a plugin would add

要更改css属性:

$('.anyclass').css('color', 'blue');

答案 1 :(得分:3)

如果你在谈论这个plugin,你可以简单地做到这一点

$('.anyclass').selectmenu('destroy');

答案 2 :(得分:1)

UI Selectmenu创建一个模仿选择框的按钮和菜单,并隐藏实际的选择标记。在这种情况下,没有删除样式的事情。你所能做的就是摆脱模仿选择框并显示实际的选择标签。

如果select标记的ID为foo,则模仿按钮和菜单的ID分别为foo-buttonfoo-menu

$('#foo-button').remove();   // or .hide()
$('#foo-menu').remove();     // or .hide()
$('#foo').show();

答案 3 :(得分:0)

请不要使用上述链接版本的插件,因为它完全过时,并且有很多(!)的问题。

请使用https://github.com/fnagel/jquery-ui/tree/selectmenu/ui(jQuery UI stable)或https://github.com/jquery/jquery-ui/tree/selectmenu(jQuery UI dev)