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

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

13
複数のJavaScriptファイルを1つのJSファイルに結合する[終了]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 5年前に閉鎖。 この質問を改善する Webアプリケーションでjqueryを使用していて、さらに多くのjqueryスクリプトファイルを単一のページにロードする必要があります。 Googleは、すべてのjqueryスクリプトファイルを1つのファイルに結合することを提案しました。 これどうやってするの?

8
jQuery UIオートコンプリートで結果を検出しない
あなたにそれらを指摘する前に、はい、私はこのトピックに関する半ダースの投稿をレビューしましたが、なぜこれが機能しないのかについて私はまだ困惑しています。 私の目標は、オートコンプリートが0の結果をもたらすときを検出することです。これがコードです: $.ajax({ url:'sample_list.foo2', type: 'get', success: function(data, textStatus, XMLHttpRequest) { var suggestions=data.split(","); $("#entitySearch").autocomplete({ source: suggestions, minLength: 3, select: function(e, ui) { entityAdd(ui.item.value); }, open: function(e, ui) { console.log($(".ui-autocomplete li").size()); }, search: function(e,ui) { console.log("search returned: " + $(".ui-autocomplete li").size()); }, close: function(e,ui) { console.log("on close" + $(".ui-autocomplete li").size()); $("#entitySearch").val(""); …

8
モバイルデバイスでのHTMLドラッグアンドドロップ
JavaScriptを使用してWebページにドラッグアンドドロップを追加する場合(jQuery UIドラッグ可能およびドロップ可能など)、これをモバイルデバイスのブラウザー経由で表示したときにどのように機能させるか-ドラッグ用のタッチスクリーンアクションがインターセプトされるページをスクロールするための電話など? すべてのソリューションを歓迎します...私の最初の考えは次のとおりです: ドラッグするアイテムを「持ち上げ」て、アイテムをドロップしたいゾーンをクリックするようにするモバイルデバイス用のボタンがあります。 モバイルデバイスでこれを行うアプリを作成して、Webページを動作させることはしないでください! あなたの提案やコメントをお願いします。

16
jQuery日付ピッカー-過去の日付を無効にする
UIの日付ピッカーを使用して日付範囲を選択しようとしています。 from / toフィールドでは、今日より前の日付を表示または選択できないようにする必要があります。 これは私のコードです: $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings …

3
テキストボックスにラベルではなく値を適用するオートコンプリート
オートコンプリートを正しく機能させるのに問題があります。 それはすべて私には大丈夫に見えますが.... <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.item.label); } }); }); </script> <div> <input id="customer-search" /> </div> @Html.Hidden("selected-customer") ただし、ドロップダウンからアイテムを選択すると、ラベルではなくテキストボックスに値が適用されます。 私は何を間違えましたか? firebugを使用してソースを見ると、非表示フィールドが正しく更新されていることがわかります。


15
JqueryUIツールチップはhtmlコンテンツをサポートしていません
今日、私はすべてのjQueryプラグインをjQuery1.9.1でアップグレードしました。そして、jquery.ui.1.10.2でjQueryUIツールチップを使い始めました。すべてが良かった。しかし、コンテンツで(titleツールチップを適用していた要素の属性で)HTMLタグを使用したとき、HTMLがサポートされていないことに気付きました。 これは私のツールチップのスクリーンショットです: 1.10.2のjQueryUIツールチップでHTMLコンテンツを機能させるにはどうすればよいですか?

6
jQueryUIのdatepickerから日付を取得する方法
ユーザーがjQueryUI datepickerで日付を選択し、フォームのボタンをクリックするたびに、datepickerから日付を取得したいと思います。 彼らが選んだ日付の日、月、年を取得する必要があります。jQuery UIから日付を取得するにはどうすればよいですか?

9
jQueryをローカルでホストすることの利点と落とし穴[クローズ]
クローズ。この質問はもっと焦点を合わせる必要があります。現在、回答を受け付けていません。 この質問を改善したいですか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てるようにします。 昨年休業。 この質問を改善する 現在、Google CDNからjQueryおよびjQueryUI(およびjQueryUI CSS)ライブラリを取得しています。呼び出すことができgoogle.load("jquery", "1"); 、最新のjQuery 1.xxが使用されるため、これが好きです。 今、私はセキュリティのためにライブラリをローカルにプルすることになっています。 私はそれらをローカルに引っ張って喜んでいますが、他に注意すべき利点と落とし穴のいくつかは何ですか?

16
jQuery UI Datepickerカレンダーで選択した日付をクリア/リセットするにはどうすればよいですか?
日付ピッカーカレンダーの値をリセットするにはどうすればよいですか?..最小および最大の日付制限? 問題は、(テキストボックスの値を削除して)日付をクリアしても、以前の日付制限が引き続き適用されることです。 私はドキュメントを整理してきましたが、解決策として何も飛び出しませんでした。また、SO / google検索で簡単な修正を見つけることができませんでした http://jsfiddle.net/CoryDanielson/tF5MH/ 解決: // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click', function(){ dates.attr('value', ''); dates.each(function(){ $.datepicker._clearDate(this); }); });​​ _.clearDate()は、DatePickerオブジェクトのプライベートメソッドです。jQuery UIのWebサイトのパブリックAPIにはありませんが、魅力のように機能します。

7
JqueryUIの日付ピッカー。日付の配列を無効にする
Jquery ui datepickerの問題の解決策を探していましたが、うまくいきませんでした。これが私がやろうとしていることです... Jquery UIDatepickerからブロックしたい日付のJSON配列を返すために複雑なPHPを実行しているアプリケーションがあります。私はこの配列を返します: ["2013-03-14","2013-03-15","2013-03-16"] 簡単に言う方法はありません:日付ピッカーからこれらの日付をブロックしますか? UIのドキュメントを読みましたが、何も役に立ちません。誰かアイデアはありますか?

5
jQueryUIオートコンプリートでのHTMLの使用
jQuery UI 1.8.4より前は、オートコンプリートを操作するために作成したJSON配列でHTMLを使用できました。 私は次のようなことをすることができました: $row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>'; ドロップダウンに赤いテキストとして表示されます。 1.8.4以降は機能しません。私が見つかりました。http://dev.jqueryui.com/ticket/5275をカスタムHTMLの例を使用するように私に指示され、ここで私は運がなかったています。 HTMLを提案に表示するにはどうすればよいですか? 私のjQueryは次のとおりです。 <script type="text/javascript"> $(function() { $("#findUserIdDisplay").autocomplete({ source: "ui_autocomplete_users_withuname.php", minLength: 2, select: function(event, ui) { $('#findUserId').val(ui.item.id); } }); }); </script> 私のJSON配列には、次のようなHTMLが含まれています。 [{"label":"<span style="color: red";>User, Name</span>","value":"User, Name","id":"10"}]

12
jQuery-UIのオートコンプリートがうまく表示されない、z-indexの問題
現在、クライアントのWebショップでjQueryUIのオートコンプリートを実装しています。問題は、オートコンプリートが存在する要素が、オートコンプリートのzインデックスよりも高いzインデックスを持っていることです。オートコンプリートのz-indexを手動で設定しようとしましたが、jQueryUIがこれを上書きしているように感じました。 実際、私の質問はオートコンプリート候補リストの重複したz-indexですが、どうすれば変更できますか?、でも答えがなかったので、もう一度やってみようと思いました。 どんな助けでも大歓迎です! マルティン

8
jquery-ui datepicker changez-index
私はそれを解決する方法を理解するのに苦労していますが、問題はかなり簡単です。 カスタムメイドの「iosスタイルのオン/オフトグル」と一緒にjQuery-uidatepickerを使用しています。このトグルは、現在私の日付ピッカーの上に表示されているいくつかの絶対位置の要素を使用します。 以下の7月6日をカバーする醜い円を参照してください... これを行うための汚い方法(少なくともimo)は、スタイルシートの1つにスタイルを書き込むことですが、これを行うためにピッカーが起動するときにJavaScriptを使用したいと思います。 私はすでに試しました $('.date_field').datepicker(); $('.date_field').datepicker("widget").css({"z-index":100}); そして $('.date_field').datepicker({ beforeShow: function(input, inst) { inst.dpDiv.css({"z-index":100}); } }); しかし、日付ピッカーが起動されるたびにz-indexが上書きされるようです。 どんな助けでも大歓迎です!

11
JavaScriptまたはjqueryを使用してHTMLページをPDFとして保存することは可能ですか?
JavaScriptまたはjqueryを使用してHTMLページをPDFとして保存することは可能ですか? 詳細に: テーブルを含む1つのHTMLページを生成しました。「PDFとして保存」ボタンが1つあります。ユーザーがそのボタンをクリックすると、そのHTMLページはPDFファイルとして変換する必要があります。 JavaScriptまたはjqueryを使用することは可能ですか?

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