Jquery：尝试禁用HTML选择菜单不起作用

Question

在我的HTML页面上，我有几个选择菜单，它们全部共享类名称.iconDropDownMenu，并且当使用PHP生成页面时，部分选择菜单将被PHP添加隐藏另一个级别选择菜单。

反正我当时就想禁用只隐藏.iconDropDownMenu，我一直在尝试使用以下命令：

$(".iconDropDownMenu:hidden").each(function() 
{ 
    $(this).prop('disabled', true); 
}); 

这种运行没有任何错误，但是禁用的属性没有我的选择菜单上显示出来，从而不禁止输入。所以我做了一些研究，发现我可以在第一行之后的.each（）中使用$(this).multiselect('refresh');。然而，我得到一个错误TypeError：$（...）。multiselect不是一个函数，这是它实际工作的怪异部分，我可以看到HTML中的禁用属性，但错误停止JavaScript的其余部分运行...

我也尝试使用$(this).selectmenu("refresh");，但得到以下内容：错误：无法在初始化之前调用selectmenu上的方法;试图调用方法'刷新'，这也产生了相同的结果，被添加到选择菜单的禁用属性被添加，而没有这个它以前没有。

我试图初始化选择菜单，但它只是将一个跨度添加到HTML，并通过在选择菜单之外显示第一个选择菜单来显示选择菜单？

我还试图用PHP来输出“已禁用”属性来选择菜单HTML，但在浏览器中加载时，它不显示的问题被删除：/

任何帮助的感谢先进的！

Answer 1

听起来像你的JS可能需要进入$(document).ready();，这里是一个例子... https://jsfiddle.net/kennethcss/vkuhm93s/。