タグ付けされた質問 「jquery-ui-dialog」

jQuery UIによって作成されたダイアログボックスの閉じるボタン（右上隅のX）を削除するにはどうすればよいですか？

775 jquery  html  css  jquery-ui  jquery-ui-dialog 

カスタムjQuery 1.10.3テーマを使用しています。テーマローラーからすべてのストレートをダウンロードしましたが、意図的に何も変更していません。 ダイアログボックスを作成すると、閉じるアイコンがあるはずの空の灰色の四角形が表示されます。 私は自分のページで生成されたコードを比較しました： <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> <spanid="ui-id-2" class="ui-dialog-title">Title</span> <button class="ui-dialog-titlebar-close"></button> </div> ダイアログデモページで生成されたコードに： <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span> <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span class="ui-button-text">close</span> </button> </div> 編集：コードのさまざまな部分は私ではなくjQueryUIによって生成されるので、通常の機能を実現するための悪い/不必要な選択のように見えるjqueryui jsファイルを編集せずにspanタグを追加することはできません。 コードのその部分を生成するために使用されるJavaScriptは次のとおりです。 this.element.dialog({ appendTo: "#summary_container", title: this.title(), …

188 javascript  jquery-ui  jquery-ui-dialog  imagebutton 

jquery-ui-dialogプラグインを使用しています ダイアログが閉じている状況でページを更新する方法を探しています。 ダイアログからcloseイベントをキャプチャする方法はありますか？ 閉じるボタンがクリックされたときにコードを実行できることはわかっていますが、ユーザーがエスケープで閉じることや右上隅のxをカバーしていません。

186 javascript  jquery  jquery-ui  modal-dialog  jquery-ui-dialog 

jQuery UIダイアログのボタンを無効にする方法を教えてください。上記のリンクにあるドキュメントでは、これを見つけることができないようです。 モーダル確認に2つのボタンがあります（「確認」と「キャンセル」）。「確認」ボタンを無効にしたい場合があります。

143 jquery  jquery-ui  jquery-ui-dialog 

これに関する特定の情報と例を見つけるのに多くの問題を抱えています。私のアプリケーションには、.ajax（）呼び出しで読み込まれるdivに接続された多数のjQuery UIダイアログがあります。それらはすべて同じセットアップ呼び出しを使用します。 $(".mydialog").dialog({ autoOpen: false, resizable: false, modal: true }); ロードされるコンテンツの幅に合わせてダイアログのサイズを変更したいだけです。現在、幅は300px（デフォルト）のままで、水平スクロールバーが表示されます。 私の知る限り、 "autoResize"はダイアログのオプションではなくなり、指定しても何も起こりません。 ダイアログごとに個別の関数を作成しないよう.dialog("option", "width", "500")にしています。ダイアログごとに幅が異なるため、実際にはオプションではありません。 指定 width: 'auto'ダイアログオプションをすると、ダイアログがブラウザウィンドウの幅の100％を占めるだけになります。 私のオプションは何ですか？私はjQuery 1.4.1とjQuery UI 1.8rc1を使用しています。これは本当に簡単なことのようです。 編集：私はこれのためにkludgy回避策を実装しましたが、私はまだより良い解決策を探しています。

134 javascript  jquery  ajax  jquery-ui  jquery-ui-dialog 

ajax操作が失敗した場合、エラーのある新しいdivを作成し、それをダイアログとして表示します。ダイアログが閉じたら、divを完全に破棄して削除します。これどうやってするの？私のコードは現時点では次のようになります。 $('<div>We failed</div>') .dialog( { title: 'Error', close: function(event, ui) { $(this).destroy().remove(); } }); これを実行すると、ダイアログボックスは正しく表示されますが、ダイアログボックスを閉じると、ダイアログはまだHTMLに表示されています（FireBugを使用）。ここで何が欠けていますか？忘れてしまったことは？ 更新：コードがfirebugコンソールでエラーになることに気づきました。 $（this）.destroyは関数ではありません 私を手伝ってくれる人はいますか？ 更新：$(this).remove()代わりに行うと、アイテムはHTMLから削除されます。しかし、それはDOMから完全に削除されているのでしょうか？または、どういうわけか、最初にその破壊関数も呼び出す必要がありますか？

133 jquery-ui  jquery-ui-dialog 

フォームを表示するJQuery UIダイアログポップアップがあります。フォームで特定のオプションを選択すると、新しいオプションがフォームに表示され、高さが大きくなります。これにより、メインページにスクロールバーがあり、JQuery UIダイアログにスクロールバーがあるシナリオが発生する可能性があります。この2つのスクロールバーのシナリオは、ユーザーにとって見苦しく混乱します。 スクロールバーを表示せずにJQuery UIダイアログを拡大して（場合によっては縮小して）常にコンテンツに合わせるにはどうすればよいですか？メインページのスクロールバーだけが表示されるようにしたいと思います。

131 jquery  jquery-ui  jquery-ui-dialog 

特定の要素をクリックすると表示されるjQuery UI Dialogがあります。これらのトリガー要素またはダイアログ自体以外の場所でクリックが発生した場合は、ダイアログを閉じたいと思います。 ダイアログを開くためのコードは次のとおりです。 $(document).ready(function() { var $field_hint = $('<div></div>') .dialog({ autoOpen: false, minHeight: 50, resizable: false, width: 375 }); $('.hint').click(function() { var $hint = $(this); $field_hint.html($hint.html()); $field_hint.dialog('option', 'position', [162, $hint.offset().top + 25]); $field_hint.dialog('option', 'title', $hint.siblings('label').html()); $field_hint.dialog('open'); }); /*$(document).click(function() { $field_hint.dialog('close'); });*/ }); 最後の部分のコメントを外すと、ダイアログが開きません。ダイアログを開くのと同じクリックが再び閉じているためだと思います。 最終的な作業コード 注：これは、イベントプラグイン外部のjQueryを使用しています $(document).ready(function() { // dialog …

113 javascript  jquery  jquery-ui  jquery-ui-dialog 

ダイアログが正常に機能するjquery 1.5のアプリがあります。.liveハンドラーはたくさんありますが、これを.onに変更しました。そのために、jqueryを更新する必要があります（現在は1.8.3 jquerui 1.9.1）。 今、私は得ました： Error: cannot call methods on dialog prior to initialization; attempted to call method 'close' コードは次のとおりです。 Javascript var opt = { autoOpen: false, modal: true, width: 550, height:650, title: 'Details' }; $(document).ready(function() { $("#divDialog").dialog(opt); $("#divDialog").dialog("open"); ... HTMLコード <div id="divDialog"> <div id="divInDialog"></div> </div> なぜこれが起こっているのでしょうか？

101 jquery  dialog  jquery-ui-dialog 

jQuery UIダイアログを使用しています。それが開いているなら、私は一つのことをしたいです。閉まっているなら、またやりたいです。 私の質問は、jQuery UIダイアログボックスが開いているかどうかをどのように検出するのですか？

97 jquery  jquery-ui  jquery-ui-dialog 

私はASP.Net MVCサイトを開発していて、データベースクエリからのいくつかの予約をテーブルにリストActionLinkし、次のBookingIdような特定の行の予約をキャンセルします。 私の予約 <table cellspacing="3"> <thead> <tr style="font-weight: bold;"> <td>Date</td> <td>Time</td> <td>Seats</td> <td></td> <td></td> </tr> </thead> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">13:00 - 14:00</td> <td style="width: 100px;">2</td> <td style="width: 60px;"><a href="/Booking.aspx/Cancel/15">cancel</a></td> <td style="width: 80px;"><a href="/Booking.aspx/Change/15">change</a></td> </tr> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">15:00 - 16:00</td> <td style="width: 100px;">3</td> <td …

83 javascript  jquery  asp.net-mvc  jquery-ui  jquery-ui-dialog