jquery - jQuery隐藏选择菜单？

Question

我在这样的选择标签上使用 jQuery 的 selectMenu。

$('#ddlReport').selectmenu()

在某些情况下，我想隐藏它，但我不知道如何。

这不起作用：

$('#ddlReport').selectmenu().hide();

这也不是

$('#ddlReport').hide();

任何人？

score 6 · Accepted Answer

在失去了几个小时试图弄清楚这一点之后。我终于把东西包在一个<div>里面，然后在 div 上显示/隐藏。当然远非优雅，但它让我远离 jq 移动内部。

score 5 · Accepted Answer

对于较新版本的 jQueryUI（我正在使用 1.11.4 版），只需使用“widget”属性：

$("#element").selectmenu( "widget" ).hide();

score 3 · Accepted Answer

看看这里和这里的演示，似乎 selectmenu 通过附加一个

<span class="ui-selectmenu-button">
or (probably different selectmenu versions?)
<a ... class="ui-selectmenu ...">

在原始选择之后，包含人工选择。

您可以尝试使用

$('#ddlReport').next('.ui-selectmenu .ui-selectmenu-button').hide();

虽然听起来它可能使用其他类（而不是-button）。这也是一种骇人听闻的解决方法，我确信该插件包含一些旨在让您访问新附加菜单的方法。

编辑：查看第二个演示中的代码，似乎至少没有任何预编程的方式可以访问该版本中的新选择。

score 3 · Accepted Answer

3

 $("#ddlReport").parent().hide();

为我工作。

于 2014-08-21T18:27:47.997 回答

score 1 · Accepted Answer

谢谢阿玛图斯！

只想说，这对我有用：

$('#ddlReport').next('.ui-selectmenu').hide();

没有 HTML 中不存在的 .ui-selectmenu-button 类。

score 0 · Accepted Answer

这就是解决方案！

$("#yourSelectId").parent().hide();

用 div 包装或强制使用按钮类肯定更复杂。

6 回答 6