/ / jquery uiモーダルウィンドウ:通常のラジオボタンや一部の要素がクリックに反応しない

jquery uiモーダルウィンドウ:通常のラジオボタンまたは選択要素がclick-jquery-ui、jquery-ui-dialogに応答しない

jQuery UIダイアログを呼び出して設定すると modal: false、私は通常の(非UI)のHTMLラジオボタンをクリックすることができます ダイアログ内 問題はありません。

でもいつ modal: trueラジオボタン ダイアログ内 クリックイベントに応答しないでください。

この動作の簡単な説明はありますか?

回答:

回答№1は1

モーダルダイアログのポイントは、ユーザーが自分に表示している情報に焦点を合わせることです。いつ modal: true が設定されている場合、焦点はモーダルフォームにあります。 ユーザーがダイアログを閉じるまで、ページの残りの部分は事実上無効になります。これが、クリックイベントが発生しない理由です。通常、ダイアログの背後にある背景はグレーアウトされているので、その領域が基本的に非アクティブであることを明確にします。

設定することにより modal: false 背景のフォームオプションとモーダルフォームオプションはすべて有効になっています。もしそうなら modal: true モーダルダイアログではラジオボタンなどだけが有効になっています。

これは、フォームコントロールをクリックすると無効になったときに表示されるデモです。ラジオ/チェックボックスをクリックすると警告が表示されます。

デモ:モーダル:true

デモ:モーダル:false