javascript - Jquery:尝试禁用 HTML 选择菜单不起作用

Question

在我的 HTML 页面上，我有一些选择菜单，它们都共享类名 .iconDropDownMenu，当使用 PHP 生成页面时，某些选择菜单将被 PHP 添加另一个类隐藏到选择菜单。

无论如何，我只想禁用隐藏的.iconDropDownMenu，我一直在尝试使用以下内容:

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

运行时没有错误，但禁用的属性没有显示在我的选择菜单上，因此不会禁用输入。所以我做了一些研究，发现我可以在第一行之后在上面的 .each() 中使用 $(this).multiselect('refresh'); 。但是我收到一个错误 TypeError: $(...).multiselect is not a function 这是它实际工作的奇怪部分，我可以在 HTML 中看到禁用属性，但错误停止了其余要运行的 JavaScript...

我还尝试使用 $(this).selectmenu("refresh"); 但得到以下信息:错误:无法在初始化之前调用 selectmenu 上的方法；尝试调用方法“refresh”，这也会产生相同的结果，因为添加了选择菜单的禁用属性，而如果没有此属性，则以前不会。

我尝试初始化选择菜单，但它只是向 HTML 添加了一个跨度，并通过将第一个选择显示为选择菜单外部的文本来弄乱选择菜单？

我还尝试使用 PHP 将“禁用”属性输出到选择菜单 HTML，但在浏览器中加载时它不会显示并被删除:/

Answer 1

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