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

jQuery UIは、jQuery JavaScriptライブラリ上に構築された、ユーザーインターフェースの操作、エフェクト、ウィジェット、テーマのキュレーションされたセットです。

12
jquery UI Sortable with table and tr width
テーブルグリッドを並べ替え可能にするためにjQuery UIを並べ替え可能にしています。コードは問題なく動作するようですが、tdsに幅を追加していないため、ドラッグするtrとコンテンツが縮小します。 例えば; ドラッグを開始したときにテーブルの行が500pxの場合、300pxになります。グリッドで幅が定義されていないので、それが起こっていると思います。これは、tds fixとに2つのクラスを使用しているためですliquid。 fixクラスが行うtdコンテンツ幅に等しいとliquidなるtd幅100％。これは、tds に幅を割り当てる必要がないグリッドテーブルの私のアプローチです。 私のアプローチでソート可能な作業を行う方法はありますか？
23
Jquery UIダイアログに「確認」ダイアログを実装する方法は？
醜いjavascript:alert()ボックスを置き換えるためにJQuery UIダイアログを使用しようとしています。私のシナリオでは、アイテムのリストがあり、それらの各個人の隣に、各アイテムの[削除]ボタンがあります。擬似HTMLセットアップは次のようになります。 <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> JQパートでは、ドキュメントの準備ができたら、最初にdivを必要なボタンを備えたモーダルダイアログに設定し、次のように、削除する前にそれらの "a"を確認のために起動するように設定します。 $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser actually following the links! } OK、ここに問題があります。初期化時間中、ダイアログには誰（アイテム）が起動するのか、またアイテムID（！）もわかりません。これらの確認ボタンの動作を設定して、ユーザーがまだ[はい]を選択した場合、リンクをクリックして削除する方法を教えてください。
14
jQuery UIダイアログのボタンを無効にするにはどうすればよいですか？
jQuery UIダイアログのボタンを無効にする方法を教えてください。上記のリンクにあるドキュメントでは、これを見つけることができないようです。 モーダル確認に2つのボタンがあります（「確認」と「キャンセル」）。「確認」ボタンを無効にしたい場合があります。
10
jQueryUIツールチップがTwitterブートストラップと競合しています
次のコードを使用して、いくつかのツールヒントを最終的に機能させることができました。 <a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a> その後 <script> $('[rel=tooltip]').tooltip(); </script> 私が遭遇している問題は、Bootstrapsの代わりにjQueryUIツールチップ（矢印なし、大きな醜いツールチップ）を使用していることです。 jQueryUIの代わりにブートストラップツールチップを使用するには、何をする必要がありますか？
13
jQuery UIの日付ピッカー変更イベントがKnockoutJSでキャッチされない
KnockoutJSをjQuery UIで使用しようとしています。日付ピッカーが添付されたinput要素があります。私は現在実行中ですknockout.debug.1.2.1.jsが、変更イベントがKnockoutによってキャッチされていないようです。要素は次のようになります。 <input type="text" class="date" data-bind="value: RedemptionExpiration"/> valueUpdateイベントの種類を変更しようとしても失敗しました。Chrome focusは値を変更する直前にイベントを発生させるようですが、IEは発生させません。 「すべてのバインディングを再バインドする」Knockoutメソッドはありますか？技術的には、値を変更してからサーバーに送信する必要があります。だから私はそのような回避策で生きることができました。 問題は日付ピッカーのせいだと思いますが、これを修正する方法がわかりません。 何か案は？
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ダイアログを拡大して（場合によっては縮小して）常にコンテンツに合わせるにはどうすればよいですか？メインページのスクロールバーだけが表示されるようにしたいと思います。
23
<Enter>でjQuery UIダイアログを送信する
フォーム付きのjQuery UIダイアログボックスがあります。ダイアログのボタンのクリックをシミュレートしたいので、マウスやタブを使用する必要はありません。つまり、「OK」ボタンを押すことをシミュレートする通常のGUIダイアログボックスのように動作させたいのです。 これはダイアログの簡単なオプションかもしれないと思いますが、jQuery UIのドキュメントにはありません。keyup（）を使用して各フォーム入力をバインドできますが、よりシンプルでクリーンな方法があるかどうかはわかりませんでした。ありがとう。
1
デフォルトでjQuery UIアコーディオンを折りたたんでおく方法を教えてください。
私はjQuery UIアコーディオンで作業していますが、うまく機能しますが、クリックしない限り、アコーディオンは閉じたままにしておきたいです。 私は今このコードを使用しています。これにより、コードを閉じて切り替えることができます。 $("#accordion").accordion({ header: "h3", collapsible: true }); クリックされない限り、デフォルトで閉じる方法はありますか？
130 jquery-ui 
6
キーコード13はどのキー用か
キーコードが次のようになっているキーボードのキーはどれ13ですか？ switch(key) { case 37: $.keynav.goLeft(); break; case 38: $.keynav.goUp(); break; case 39: $.keynav.goRight(); break; case 40: $.keynav.goDown(); break; case 13: $.keynav.activate(); break; }
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.