如何在 jquery 中删除 UI 选择菜单

How to remove UI selectmenu in jquery?

本文关键字：UI 选择 菜单 删除 jquery      更新时间：2023-09-26

下面的代码设置了一个带有UI选择菜单的选择菜单 

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

但这里的问题是如何删除.anyclass 的 UI 选择菜单

如果您正在谈论此插件，您可以简单地执行此操作

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

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

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

删除特定类：

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

要更改 css 属性：

$('.anyclass').css('color', 'blue');
UI 选择菜单为

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

如果选择标签的 id 为 foo ，则模仿按钮和菜单的 id 分别为 foo-button 和 foo-menu。

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

请不要使用上述链接版本的插件，因为它完全过时并且有很多（！

请使用 https://github.com/fnagel/jquery-ui/tree/selectmenu/ui（jQuery UI稳定版）或 https://github.com/jquery/jquery-ui/tree/selectmenu（jQuery UI开发版）

相关文章：