jQuery隐藏selectMenu?

时间:2012-05-02 19:40:04

标签: jquery hide select-menu

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

$('#ddlReport').selectmenu()

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

这不起作用:

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

这两个

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

6 个答案:

答案 0 :(得分:6)

失去了几个小时试图解决这个问题。我终于将这个东西包裹在<div>中,然后只显示/隐藏在div上。当然远非优雅,但它让我远离jq移动内部。

答案 1 :(得分:4)

使用较新版本的jQueryUI(我正在使用版本1.11.4),只需使用&#34;小部件&#34;属性:

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

答案 2 :(得分:3)

观看演示herehere,似乎selectmenu通过追加

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

原始选择后,包含人工选择。

你可以尝试使用

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

虽然听起来它可能会使用其他类(而不是-button)。这也是一种hackish解决方法,我确信该插件包含用于的某种方式,以便您访问新添加的菜单。

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

答案 3 :(得分:3)

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

适合我。

答案 4 :(得分:1)

谢谢Armatus!

只想对我说这个有用:

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

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

答案 5 :(得分:0)

这是解决方案!

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

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