JqueryUI によって現在提供されているダイアログ ボックスは、相対比較の使用の利便性をサポートしています。サンプル コードは次のとおりです。 コードをコピー コードは次のとおりです: </P> <P> $(function () {</P> <P> $("#dlg").dialog({</P> <P> 自動オープン: false、</P> <P> クローズ済み: true、</P> <P> 幅: 450、</P> <P> モーダル: true、</P> <P> appendTo: "フォーム",</P> <P> ボタン: {</P> <P> "OK": function () {</P> <P> $("フォーム").submit();</P> <P> }、</P> <P> "キャンセル": function () {</P> <P> $(this).dialog("close");</P> <P> }</P> <P> }、</P> <P> close: function () {</P> <P> }</P> <P> });</P> <P> $("#<%=Showdlg.ClientID%>").button().click(function() { $("#dlg").dialog("open"); return false }); </p> <p> }</p> <p> ); </p> <p> 注目に値するのは、appendTo: "form" オプションです。デフォルトでは、JqueryUI Dialog は、これを表す を追加します。ダイアログ ボックスの本文に追加すると、フォームの送信時にサーバーがダイアログ ボックス内のサーバー コントロールに関連する値を取得できなくなります。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
