当我调用jQuery UI对话框并设置modal: false
时,我可以点击对话框中的普通(非UI)html单选按钮,没有任何问题。
但是当modal: true
时,对话框中的单选按钮不响应点击事件。
这种行为有简单的解释吗?
答案 0 :(得分:1)
模态对话框的目的是使用户的焦点被吸引到您向他们显示的信息。设置modal: true
时,焦点位于模态窗体上。在用户关闭对话框之前,页面的其余部分将被有效禁用。这就是点击事件不会触发的原因。通常,对话框后面的背景显示为灰色,因此请清楚表明该区域基本上处于非活动状态。
通过在后台设置modal: false
表单选项,并启用模式表单选项。因此,如果设置了modal: true
,则仅在模态对话框中启用单选按钮等。
以下是一些演示,您可以单击表单控件以查看它们何时被禁用。有效的广播/复选框点击会产生警报。