問題タブ [jquery-ui-selectable]

キャンバスがあり、複数のアイコンを動的に追加できるウィンドウのようなインターフェイスを作成しています。キャンバスを選択可能に設定しました。問題は、新しいアイコンを追加すると、それらを選択できないことです。

アイコンに ui-selectee クラスを追加しようとしましたが、どちらも機能しません。

別々の選択項目を含むjqueryで作成された2つのタブがあります。デフォルトで開くタブ、選択可能なものは正常に機能します。別のタブに移動するとき、なげなわを使用した選択が機能しません。停止イベントを選択可能に追加したときに問題が発生しました。

HTML:

JS:

例を参照してください: http://jsfiddle.net/3pKQf/8/

ネストされた UL と jqueryUI 選択可能を使用して、2 レベルの複数選択コントロールを構築しようとしています。

現在、選択を子レベルに制限していますが、私が本当に望んでいるのは、親 LI を選択し、そのすべての子 LI も選択できるようにすることです。さらに、すべての子 LI を選択し、その親を選択できるようにしたいと考えています。すべての子 LI が選択されていない場合、親は選択されません。

基本的なマークアップ:

そして現在のJavaScript：

最初の部分をどのように達成しますか: 親を選択すると、そのすべての子が選択されますか?

ありがとう！

更新:
この概念のほとんどが機能するようになりまし
た。親を選択すると、そのすべての子が選択されます。
子の選択を解除すると、その親の選択が解除されます

まだ機能していないこと: 親の子をすべて選択すると、親を選択する必要があります

この時点で私が持っているものは次のとおりです。

マークアップ:

そしてjs：

ここにフィドルがあります：http://jsfiddle.net/JUvTD/

モデルのビューがあり、初期化で次のコードを使用します

ドラッグ可能は機能しますが、サイズ変更可能および選択可能は機能しません (動作するかどうかを確認するために他の jQuery UI インタラクションをテストしていません)。render 関数内に配置しようとしthis.$el.resizableましたが、それも機能しません。jQuery 1.8.3 と jQuery UI 1.9.2 を使用しています (HTML に必要な jquery-ui.css を含めています)。ビューがレンダリングされると、ブラウザで要素を調べます。実際には、想定どおりのクラスとクラスがui.draggable, ui.resizableありui.selectableますが、ドラッグすることしかできません。

この問題を回避しようとしてresize: both、サイズ変更したい要素のクラスで CSS3 プロパティを使用しましたが、問題なく動作しますが、サイズ変更に jQuery UI を利用したいのですが、なぜそれが勝ったのか知りたいです動作しません。

私が間違っているかもしれないアイデアはありますか？

編集: jsfiddle の例を追加http://jsfiddle.net/IgnorantUser/u7JkX/ButtonInCanvas説明されている問題は、バックボーン ビューの初期化にあります。

以下は、jQuery ui の選択可能なプラグインのコードです。このコードを使用すると、なげなわやキーボードを使用せずに、マウスで複数の選択可能なオブジェクトを選択できます。選択すると、console.log メッセージが firebug に表示されます。複数の選択可能なものを選択し、それらのいくつかを選択解除した場合にも表示されます。

問題は、要素が 1 つしか選択されていないときに選択を解除しても、何も起こらないことです。そのような状況でも console.log メッセージが表示される必要があります。

どんな助けでも大歓迎

スライダーまたは選択を使用すると、それぞれの変数が変更されます。これらの変数を別の関数でスライダー/選択可能な関数の外で使用したいと考えています。

私はこのスライダーを持っています：

この選択可能:

ユーザーがスライダーを動かしたり選択したりするたびに、これを表示する必要があります。

はvar whatsselected=選択可能な関数で定義されていますが、ここに投稿する必要はありません。多くのスライダーと選択項目があるため、1 つの関数でこれらの両方をリッスンする必要があります。スライダー/選択可能のコードに関数を入れることができることは知っていますが、それらは外部で必要です。

私は自分の試みを投稿することさえ気にしませんでした。私はこれが初めてで、自分でスライダーを作成していません。var handlevaluesまたは変更時にコンソールメッセージをトリガーする関数を考えvar whatsselectedましたが、両方の変数をリッスンする必要があることを考えると、それが可能かどうかはわかりません。

どんな助けでも大歓迎です！

選択した関数で選択した要素の数を出力したいと思います。それ、どうやったら出来るの？

選択可能なjqueryui内の動的に追加された要素にjqueryuidatepickerを表示するのに問題がありますが、Firefoxでのみです。

選択可能なものの1つが選択されると、動的に作成された入力が作成され、選択可能なものに追加されます。その入力は、動的にDOMに追加される前に、日付ピッカーとして割り当てられます。

問題の例を使用してjsfiddleを作成しました...Chromeでは正常に動作しますが、Firefoxはそれを好みません。「気に入らない」とは、選択可能なタイトルの1つを選択した後、入力をクリックしても日付ピッカーが表示されないことを意味します。

これが私が上にリンクしたjsfiddleの生のJavaScriptです：

ありがとう

選択可能なリストの特定の要素を無効にしたい。リスト全体を無効にすることはできますが、特定の要素を試してみると機能しません。

http://jsfiddle.net/Komlan/RYWaZ/1/

これが私のコードです

要約すると、ラジオボタングループに変更があるたびに、一連のIDを取得し、それらを次々に無効にします。

配列の値を区切るコンマを含む文字列であるREQUEST_PHPから文字列を読み取ろうとしました。リストの選択した要素のインデックス値を配列に保存します。それらに参加し、console.logとアラートボックスを使用して、値がそこにあることを確認します。たとえば、8つのアイテムのリストと番号1、2、4、6が選択されているとします。console.logは（1,2,4,6）を表示します私はdocument.getElemenetByIdを使用し、値をjoin（array）の値に設定し、console.logは値が正しく存在することを示しますが、フォームを送信してphpを出力すると次のページの結果、またはそれらをMySQLデータベースに送信すると、選択したアイテムリストの値が空白になります。フォームの他の側面は、phpを介して正常に送信されます。何時間もこれをいじって、助けていただければ幸いです。

関連するコードは次のとおりです

Javascript：

HTML：

PHPコード：

私は少しイライラしているので、どんな助けでも大歓迎です