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

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

6
Twitter Bootstrapのツリー[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する 私は可能な限り多くのCSSと最小限のJS(状態のみなど)を使用するツリー(ディレクトリツリーなど)の作成に取り組んでおり、ブートストラップ用の既存の優れたツリープラグインがあるかどうか知りたいまたはjquery-uiブートストラップ。 参考のため、またはこの質問について混乱している人のために、ブートストラップ用のdynatreeのようなものを探しています。


2
モバイルデバイスでのjQuery UIスライダーのタッチとドラッグ/ドロップのサポート
私はすでにプロジェクトにjQuery UIスライダーをスタイルして実装しました。スライダーは反応しますが、タッチしたりドラッグしたりしても反応しません。代わりに、スライダーを動かしたい場所にタッチする必要があります。既にjQuery(非モバイル)UIを広く使用しているため、タッチとドラッグをサポートするjQueryモバイルUIへの切り替えを避けたいと思います。 必要な機能: ここ 使用しているもの:ここ デスクトップでは違いがわかりません。モバイルデバイスでは明らかです。 誰でもこのサポートをjquery UIに追加する方法を知っていますか? $("#videographers").slider({ value: 2, min: 1, max: 3, step: 1, slide: function(event, ui) { return calcTotal(ui.value); } });

6
ブラウザのサイズを変更するときにjQuery UIダイアログを自動的に中央揃えする方法は?
jquery UIダイアログを使用すると、1つを除いてすべてがうまく機能します。ブラウザのサイズが変更されても、ダイアログは最初の位置にとどまるので、非常に煩わしい場合があります。 あなたはそれをテストすることができます:http : //jqueryui.com/demos/dialog/ 「モーダルダイアログ」の例をクリックして、ブラウザのサイズを変更します。 ブラウザのサイズが変更されたときにダイアログを自動的に中央に配置できるようにしたいと思います。これは、アプリ内のすべてのダイアログに対して効率的な方法で実行できますか? どうもありがとう!


1
jQuery vs jQuery Mobile vs jQuery UI?
私はWeb開発に不慣れで、j *の要素が多すぎます。これらのフレームワークの違いは何ですか? さらに、なぜ人々はjQueryを使用してプラグインを作成することについてよく話しますか?それはあなたのウェブページをよりインタラクティブにするJavaScriptライブラリであるはずではありませんか?


6
jQuery UI Autocompleteの選択後にフォームフィールドをクリアする
私はフォームを開発していて、jQuery UI Autocompleteを使用しています。ユーザーがオプションを選択すると、その選択が親<p>タグに追加されたスパンにポップされるようにします。次に、フィールドに選択が入力されるのではなくクリアされるようにします。 スパンは問題なく表示されていますが、フィールドをクリアできません。 jQuery UI Autocompleteのデフォルトの選択アクションをどのようにキャンセルしますか? これが私のコードです: var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"]; $("[id^=item-tag-]").autocomplete({ source: availableTags, select: function(){ var newTag = $(this).val(); $(this).val(""); $(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>"); } }); 単に行うだけで$(this).val("");は機能しません。厄介なのは、オートコンプリートを無視してもほぼ正確な機能が正常に動作し、ユーザーが次のようにコンマを入力したときにアクションを実行することです。 $('[id^=item-tag-]').keyup(function(e) { if(e.keyCode == 188) { var newTag = $(this).val().slice(0,-1); $(this).val(''); $(this).parent().append("<span>" …

4
変更イベントでjQueryドロップダウン値を取得する方法
2つのjQuery UIドロップダウンオートコンプリートスクリプトを追加しました。次に、2番目のドロップダウンの変更時に両方の値を取得し、変数に個別に格納したいと思います。それはどのように可能ですか? アイデアや提案はありますか?ありがとう。 私のフィドル: サンプル 私のJSコード: (function($) { $.widget("ui.combobox", { _create: function() { var self = this, select = this.element.hide(), selected = select.children(":selected"), value = selected.val() ? selected.text() : ""; var input = this.input = $("<input>").insertAfter(select).val(value).autocomplete({ delay: 0, minLength: 0, source: function(request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); …

10
JQuery UIオートコンプリートヘルパーテキストを削除/変更するにはどうすればよいですか?
これはJQuery UI 1.9.0の新機能のようです。以前JQuery UIを何度も使用したため、このテキストがポップアップすることはありませんでした。 APIドキュメントに関連するものは何も見つかりませんでした。 ローカルソースで基本的なオートコンプリートの例を使用する $( "#find-subj" ).autocomplete({ source: availableTags }); 検索が一致すると、次の関連するヘルパーテキストが表示されます。 「1つの結果が利用可能です。上下の矢印キーを使用してナビゲートしてください。」 JQueryセレクターで削除するのではなく、適切な方法で無効にするにはどうすればよいですか。

13
文字列を数値に変換して追加します
IDから取得した値を数値に変換して1に追加し、新しい値をdosomething()関数に渡して使用します。私がこれを試したところ、値は1ではなく2でした。 $('.load_more').live("click",function() { // When user clicks var newcurrentpageTemp = $(this).attr("id") + 1;// Get id from the hyperlink alert(parseInt(newcurrentpageTemp)); dosomething(); });
94 jquery  html  jquery-ui 



8
5秒後のjQuery autohide要素
jQueryを使用してフォームが読み込まれてから5秒後に、Webページの要素を自動的に非表示にすることはできますか? 基本的に、私は持っています <div id="successMessage">Project saved successfully!</div> 5秒後に消えたいと思います。私はjQuery UIと非表示効果を見てきましたが、思い通りに機能させるのに少し問題があります。 <script type="text/javascript"> $(function() { function runEffect() { var selectedEffect = 'blind'; var options = {}; $("#successMessage").hide(selectedEffect, options, 500); }; $("#successMessage").click(function() { runEffect(); return false; }); }); </script> クリック関数を削除し、5秒後にrunEffect()を呼び出すタイムアウトメソッドを追加したいのですが。
92 jquery  jquery-ui 

5
JavaScript配列連結が機能していません。どうして?
そこで、このjqueryuiウィジェットを作成しました。エラーをストリーミングできるdivを作成します。ウィジェットのコードは次のようになります。 $.widget('ui.miniErrorLog', { logStart: "<ul>", // these next 4 elements are actually a bunch more complicated. logEnd: "</ul>", errStart: "<li>", errEnd: "</li>", content: "", refs: [], _create: function() { $(this.element).addClass( "ui-state-error" ).hide(); }, clear: function() { this.content = ""; for ( var i in this.refs ) $( this.refs[i] ).removeClass( "ui-state-error" …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.