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


16
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(), …

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

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

13
jQuery UIダイアログをajaxによって読み込まれたコンテンツの幅に自動的にサイズ変更
これに関する特定の情報と例を見つけるのに多くの問題を抱えています。私のアプリケーションには、.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回避策を実装しましたが、私はまだより良い解決策を探しています。

7
閉じるときにダイアログを完全に削除する方法
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から完全に削除されているのでしょうか?または、どういうわけか、最初にその破壊関数も呼び出す必要がありますか?

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

20
jQuery UI-外部をクリックしたときにダイアログを閉じる
特定の要素をクリックすると表示される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 …

11
jquery UIダイアログ:初期化前にダイアログのメソッドを呼び出すことはできません
ダイアログが正常に機能する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> なぜこれが起こっているのでしょうか?


11
jQueryUIダイアログへのデータの受け渡し
私は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 …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.