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/。