jQuery隐藏selectMenu？

Question

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

$('#ddlReport').selectmenu()

在某些情况下我想隐藏它,我无法弄清楚如何.

这不起作用:

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

这也不是

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

任何人？

Answer 1

在失去几个小时后试图弄明白这一点.我终于把东西包裹在了一个<div>只是显示/隐藏在div上.当然远非优雅,但它让我远离jq移动内部.

Answer 2

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

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

Answer 3

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

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

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

您可以尝试使用访问该

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

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

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