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

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


13
jQuery datepickerは選択された日付をその場で設定します
jquery日付ピッカーの選択された日付をその場で動的に変更するにはどうすればよいですか?私はインライン日付ピッカーを作成したと言っています。その後、しばらくしてから、日付ピッカーを最初から再作成せずに別の日付を反映させたいと思います。 setDateメソッドを試しましたが、うまくいきませんでした。また、docにはドキュメントがあまりありません。 ここには別の(拡張?)プラグインがありますが、jquery.ui.all.jsに同梱されているプラ​​グインを使用したいと思います。

12
jQuery UI Datepickerをローカライズするにはどうすればよいですか?
ローカライズされたドロップダウンカレンダーが本当に必要です。英語のカレンダーは、ノルウェーのウェブサイトでは卓越性を正確に伝えていません;-) 私はjQuery DatePickerを実験しましたが、彼らのウェブサイトはローカライズできると言っていますが、それはうまくいかないようです。 私はASPNET.MVCを使用していて、本当に1つのJavaScriptライブラリに固執したいと思っています。この場合はjQueryです。 ajaxツールキットカレンダーも、ノルウェー語の名前が表示される場合にのみ使用できます。 アップデート:すごい!言語ファイルが不足しているようですが、それほど細かいことではありません:-)

5
タッチデバイス用のJavascriptドラッグアンドドロップ[終了]
現在のところ、この質問はQ&A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 タッチデバイスで動作するドラッグ&ドロッププラグインを探しています。 「ドロップ可能な」要素を許可するjQuery UIプラグインと同様の機能が欲しいのですが。 プラグインjqtouchドラッグサポートしていますが、ノードロップ。 こちらはiPhone / iPadのみに対応したドラッグ&ドロップです。 誰でも私にandroid / iosで動作するドラッグ&ドロッププラグインの方向を教えてもらえますか? ...または、ドロップ機能のためにjqtouchプラグインを更新することが可能かもしれません。AndriodとIOSですでに実行されています。 ありがとう!


21
jQuery UIダイアログの配置
ホバーされたときにテキストの隣にダイアログを配置するために、jQueryダイアログUIライブラリを使用しようとしています。jQueryダイアログは、現在のビューポートの左上隅から測定された位置パラメーターを取ります(つまり、[0, 0]現在スクロールしている場所に関係なく、常にブラウザーウィンドウの左上隅に配置されます)。ただし、場所を取得するために知っている唯一の方法は、ページ全体に対する要素の方法です。 以下は私が現在持っているものです。 position.top1200などのように計算され、ページの残りのコンテンツの下にダイアログが配置されます。 $(".mytext").mouseover(function() { position = $(this).position(); $("#dialog").dialog('option', 'position', [position.top, position.left]); } 正しい位置を見つけるにはどうすればよいですか? ありがとう!
116 jquery  jquery-ui 

3
jquery-uiソート可能| iPad /タッチデバイスで動作させるには?
iPadやその他のタッチデバイスでjQuery-UIのソート可能な機能を動作させるにはどうすればよいですか? http://jqueryui.com/demos/sortable/ 私が使用してしようとしたevent.preventDefault();、event.cancelBubble=true;とevent.stopPropagation();してtouchmoveとscrollイベントが、結果は、ページがもはやスクロールしないということでした。 何か案は?

12
動的に作成された要素にdatepicker()を配置する-JQuery / JQueryUI
テキストボックスを動的に作成しましたが、それぞれにクリックでカレンダーを表示できるようにしたいと考えています。私が使用しているコードは: $(".datepicker_recurring_start" ).datepicker(); すべてのテキストボックスにdatepicker_recurring_startというクラスがあるにもかかわらず、これは最初のテキストボックスでのみ機能します。 あなたの助けは大歓迎です!

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 …

7
jQuery UI 'draggable()' divをタッチスクリーン用にドラッグ可能にするにはどうすればよいですか?
draggable()FirefoxとChromeで動作するjQuery UI があります。ユーザーインターフェイスのコンセプトは、基本的にクリックして「ポストイット」タイプのアイテムを作成することです。 基本的に、クリックdiv#everythingをリッスンする(高さと幅が100%)をクリックまたはタップすると、テキスト入力エリアが表示されます。あなたはテキストを追加し、それが終わったらそれを保存します。この要素をドラッグできます。これは通常のブラウザで機能しますが、iPadではアイテムをドラッグできないのでテストできます。タッチして選択すると(少し暗くなる)、ドラッグできなくなります。左右にドラッグしません。私がすることができます上下にドラッグが、私は個人をドラッグしていないよdiv、私は、全体のWebページをドラッグしています、。 クリックをキャプチャするために使用するコードは次のとおりです。 $('#everything').bind('click', function(e){ var elem = document.createElement('DIV'); STATE.top = e.pageY; STATE.left = e.pageX; var e = $(elem).css({ top: STATE.top, left: STATE.left }).html('<textarea></textarea>') .addClass('instance') .bind('click', function(event){ return false; }); $(this).append(e); }); そして、これが私がメモを「保存」して入力divを単なる表示divに変えるために使用するコードです: $('textarea').live('mouseleave', function(){ var val = jQuery.trim($(this).val()); STATE.content = val; if (val == '') { $(this).parent().remove(); …

20
jQuery UIタブ-現在選択されているタブインデックスを取得する方法
この特定の質問が以前に尋ねられたことは知っていますがbind()、jQuery UI Tabsプラグインのイベントを使用して結果が得られません。 私はちょうど必要なindexタブをクリックしたときにアクションを実行するために、新たに選択したタブのを。bind()selectイベントにフックすることができますが、現在選択されているタブを取得する通常の方法は機能しません。新しいインデックスではなく、以前に選択したタブインデックスを返します。 var selectedTab = $("#TabList").tabs().data("selected.tabs"); これは、現在選択されているタブを取得するために使用しようとしているコードです。 $("#TabList").bind("tabsselect", function(event, ui) { }); このコードを使用すると、UIオブジェクトが返されundefinedます。ドキュメントから、これは、ui.tabを使用して新しく選択したインデックスにフックするために使用しているオブジェクトである必要があります。私はこれを最初のtabs()呼び出しとそれ自体で試しました。ここで何か悪いことをしていますか?


2
JavaScriptライブラリとCSSフォルダー構造を整理するためのベストプラクティス[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する Webアプリケーションでjs&cssフォルダーをどのように整理しますか? 私の現在のプロジェクト構造は次のようなものです: root/ ├── assets/ │ ├── js/ │ │ └──lib/ │ ├── css/ │ └── img/ └── index.html しかし、多くのJavaScriptライブラリとCSSプラグインを使用すると、さらに複雑になります。JavaScriptプラグインには、独自の.jsファイルが付属しており、独自の.cssファイルが付属している場合もあります。 たとえば、JQueryUIプラグインでJQueryを使用する場合、js / libディレクトリ内にjquery.jsとjquery-ui.jsを配置します。ただし、JQueryUIには独自のcssファイルが付属しています。ベストプラクティスのために、JavaScriptプラグインからCSSをどこに配置すればよいですか?私のcssとjavascript cssプラグインを区別するために、それらをlibフォルダー内に配置する必要がありますか?またはどこかに? 個人的な好みであることはわかっていますが、プロジェクトフォルダーの整理方法を知りたいだけです。 前もって感謝します :)

21
jQuery DatePickerコントロールのポップアップ位置を変更する方法
DatePickerを関連するテキストボックスのすぐ下ではなく、最後に表示する方法はありますか?起こりがちなのは、テキストボックスがページの下部にあり、DatePickerがそれを考慮して上にシフトし、テキストボックスを完全に覆っていることです。ユーザーが日付を選択するのではなく入力したい場合は、入力できません。テキストボックスの直後に表示したいので、垂直方向の調整方法は関係ありません。 位置を制御する方法はありますか?ウィジェットの設定は表示されず、CSS設定を調整することもできませんでしたが、簡単に何かが欠けている可能性があります。


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