當我調用jQuery UI對話框並設置modal: false
時,我可以點擊對話框中的正常(非UI)html單選按鈕沒問題。jquery ui模式窗口:普通單選按鈕或選擇元素不響應點擊
但是,當modal: true
,那麼對話框內的單選按鈕不響應點擊事件。
有沒有這種行爲的簡單解釋?
當我調用jQuery UI對話框並設置modal: false
時,我可以點擊對話框中的正常(非UI)html單選按鈕沒問題。jquery ui模式窗口:普通單選按鈕或選擇元素不響應點擊
但是,當modal: true
,那麼對話框內的單選按鈕不響應點擊事件。
有沒有這種行爲的簡單解釋?
模態對話框的重點在於使用戶的注意力集中在您顯示給他們的信息上。當設置了modal: true
時,重點在於模態表單。在用戶關閉對話框之前,頁面的其餘部分被禁用。這就是點擊事件不會觸發的原因。通常,對話背後的背景變灰,因此請明確該區域基本不活動。
通過設置modal: false
您在後臺的窗體選項和模態窗體選項都已啓用。因此,如果設置了modal: true
,則在模式對話框上僅啓用單選按鈕等。
下面是一些演示,您可以單擊窗體控件查看它們何時被禁用。單擊活動的收音機/複選框會導致警報。
謝謝,我知道設置模式:true禁用背景HTML。這不是我的問題。我的問題是INSIDE模式對話框中的單選按鈕不起作用。 – mg1075
你能發佈你的代碼嗎?我可以在模態對話框中觸發點擊事件(參見更新後的演示模態:如上所示)。當我最初發布時,我認爲我內部有一個警戒的射擊,但似乎我沒有。 –
你可以發佈您的代碼? –