問題タブ [jquery-ui-selectable]

では、jQuery UI Selectable プラグインの選択ボックスを「親」の寸法/座標に制限する (簡単な) 方法はありますか?

つまり、選択ボックスが要素の境界からはみ出してほしくないということです。

ありがとうございました。

意味のあるものを作りたいのですが、実際にはjQueryUIに含まれていないと思います。

並べ替えと選択が可能なアイテムのリストがあります。

一度に 1 つずつ並べ替えたり、複数のアイテムを選択したりできます。

問題は、選択した複数のアイテムを一緒に並べ替えるにはどうすればよいですか?

私はこのコードATMを手に入れました。

選択したすべてのアイテムを並べ替えるには、何を追加すればよいですか?

前もって感謝します ：）

万歳、アレキサンダー

Web サイトの一部に jQuery UI Selectable を適用しようとしています。liただし、マウスをドラッグしている間は選択ボックスも表示されず、選択した要素の色も変わりません。

問題を理解するために、ソースに戻りました。

http://jqueryui.com/demos/selectable/

(IE9 開発者ツールを使用して).ui-selected選択した要素にスタイルが適用されていることがわかります。Trace Styles を使用すると、IE は、background-color元々 で定義されてjquery-ui.cssいたが、(最終的に) によって上書きされたことを示します#selectable .ui-selected。ただし、IE は のソースを表示しません#selectable .ui-selected。私が参照している jQuery UI スタイル シートを検索しても、jquery-ui-1.8.18.custom.cssについての言及はなくui-selected、 にもありませんjquery.ui.selectable.css。

背景色の CSS を取得するデモ ページは正確にはどこにありますか?

選択/ソート可能なリストでリスト項目の編集を許可したい。

リストの例を次に示します: http://jsbin.com/aweyo5 credits to rdworth

では、ユーザーがアイテムを編集できるようにしますか? テキストを更新/変更する方法は知っていますが、ユーザーがリスト項目にテキストを直接入力できるようにするにはどうすればよいですか?

私はjQueryにかなり慣れていないので、これは基本的に構文上の質問です。jQuery UI 選択可能を使用しています。要素の ID の一部に基づいて要素を除外する方法を知りたいです。ここにリンクした例では、次の ID を持つ div があります: 'TextBox1_label'、'TextBox2_label'、'TextBox3_label'、'TextBox4_label'、'TextBox5'、'TextBox6'

私のサンプルでは、​​「TextBox3_label」と「TextBox4_label」を選択可能から除外しましたが、ID の末尾が「_label」であるすべての div を選択可能から除外したいと考えています。

http://jsfiddle.net/4N2ja/

UISelectableを使用して2セットの選択を行おうとしています。

プロセスは次のようになります。

まず、いくつかの行を選択し、ボタンをクリックして設定して、この最初のラウンドの選択を終了します。そして、選択した行が「赤」などの色で強調表示されます。次に、第2ラウンドの選択を開始します。この2回目の選択では、1回目の選択した行の色を変更しないでください。2回目の選択後、ボタンをクリックして2回目の選択の終了を設定します。この2回目の選択は、「緑」などの別の色で強調表示されます。

1回目の選択は簡単にできますが、1回目の選択色を変えずに2回目の選択を行う方法がわかりません。最初のラウンドの選択に手動でIDを追加することはできますが、2番目のラウンドの選択を行うときに最初のラウンドの選択の色を変更しないようにする方法がわかりません。最初のラウンドで選択した結果に対して、強調表示された色を維持するために新しいcssスタイルを作成しようとしましたが、機能しませんでした。

ここにいくつかのコードを追加します：

ご覧のとおり、最初のラウンドの選択色を制御するためにクラス「ui-selected-grp1」を追加しようとしましたが、機能しませんでした。私が第2ラウンドの選択を始めたとき、第1ラウンドのハイライトはちょうどなくなっていました。このプロセスに関するアドバイスやコード例を教えてください。

何らかの理由で、jQueryUIラジオセットのHOVER状態とSELECTED状態を調整する適切な方法を見つけることができません。

なぜ私がそれを見つけることができないのかわからない、おそらく誰かが私にいくつかの方向性を与えることができますか？私が変更したいのは、テキストが青で灰色になり、白になる方法です。そして、それが灰色の代わりに色付きの境界線を持つように選択されたとき。

簡単だと思いますが、何が欠けているのかわかりません。

また、可能であればJavascriptを使用せずに、CSS調整のみを使用してこれを実行したいと思います...

私はかみそりのビューでMVC3を使用しています。私はユーザー<li>に選択するsのリストを提供しています：

ここで、Model.AvailableSizesはList<Tuple<int,int>>です。ユーザーがそれらの1つを選択するとき、ユーザーが使用したいjQueryから見つけられるようにしたいと思いTuple<int,int>ます。

ちなみに私はこれらのリストでjqueryuiSelectableを使用しています。

で選択した要素を見つけることが$(".ui-selected:first")できると思いますが、関連するモデルデータ、つまり@ebat.Item1とを取得@ebat.Item2して、パラメーターとしてサーバーに送信するにはどうすればよいですか？

ここでの最初のアプローチについてはかなり疑わしいです。つまり、これほど難しいことではないはずです。したがって、このような状況でmodel、html、jqueryを一緒に使用するためのより良い方法を教えていただければ、すばらしいと思います。ありがとう。

少し長くなるかもしれませんが、お付き合いください！

期間/日を示す HTML の時刻表グリッドがあり、各セルは「選択可能」のクラスに設定されています。

次に、jQuery UI Selectable を使用して、選択可能として設定されたセルのみを選択できるようにします (テーブル ヘッダーが選択されないようにするため)。選択が完了すると、javascript は隠しフィールドをフォームに追加し、POST で取得できるようにします。

ここでエラーが発生します。

複数のセルをドラッグして BOOK をクリックすると、それらが正しく渡されます (3 つのセルが選択され、非表示の入力を介して渡されます)。複数のセルをドラッグした後、別のセルを 1 つ選択して BOOK をクリックすると、以前の複数選択の一部が選択されたように見えます。

さらに奇妙なことに、Firefox や私の IE9 のコピーではこれは行われませんが、他の IE9 のコピーではこのエラーが発生します。FFなどを実際に使用できない教育環境のため、IE8/9/10で動作させる必要があります。

これが私が持っているJavaScriptビットです....

確かに、それらは乱雑に見えるかもしれません。私は実際に JavaScript を使用したことがありませんが、選択した関数は希望どおりに機能します。問題を引き起こすと思われるのは、選択されていない機能です。

このページの他のコードが必要な場合は、お知らせください。

ちょっと調べてみると、Mon-P1 / Mon-P2 / Mon-P3 / Mon-P4 をドラッグして BOOK をクリックすると、正しく表示されます。同じ 4 をドラッグしてから、Tue-P1 を 1 つ選択すると (残りのすべての選択を解除して選択する必要があります)、次のようになります。

火-P1 / 月-P2 / 月-P3 / 月-P4

残りの要素ではなく、最初の要素のみを選択解除したかのようです。$(".ui-selected").each()すべてのエントリをループする関数のようなものが必要ですか?

選択可能なプラグインを簡単に使用できるため、jQuery を使用して日付範囲を選択するためのウィジェットを作成しましたが、iPad と iPhone (およびおそらく他のタッチ デバイス) では機能しないことがわかりました。

プラグイン/パッチ、またはタッチ デバイスでコードを実行するために使用できるものはありますか?