問題タブ [select-menu]

JQMがselectmenuオーバーレイに使用するオフセットを定義する方法はありますか？

他のオプションは、次のようなプロトタイピングを介して設定できます。

問題の説明

jQuery Mobileは画面のサイズを決定し、選択したメニューのオーバーレイを表示する方法を決定します。残念ながら、これは固定ヘッダーツールバーを使用せずにのみ機能するようです。これは、JQMが常に30pxのトップオフセットでソースを生成しているためですstyle="left: 741.65px; top: 30px;。

cssルールの特異性は常にstyle-attributeの特異性よりも低いため、これをCSSのみで上書きする方法はありません。

JQMソースコードは、リリースごとに再度変更する必要があるため、変更したくありません。そして、私は非圧縮のソースを使用しません。

JQMから生成されたソース

サンプル

http://jsfiddle.net/V8AAB/

JQMソースコード

これは、jQueryMobile1.0RC2の対応するコードです。

jQuery UI Select Menuを使用していますが、時々問題が発生します。

これは、ユーザーのページの左上にあります。「ドロップダウン/アドレス」タイプを使用すると、(一見ランダムに見える) ドロップダウンが DOWN ではなく UP で開き、最初のオプション以外はすべて画面の「上」にあるため、オプションを選択できません。

強制的に開くための設定/オプションを知っている人はいますか? ありがとう！

update.... 2011 年 11 月 23 日午後 1 時 11 分 (東部標準時 ) 呼び出しのコードを次に示します。

中央のデータソースを使用するjQueryベースのselectmenuを探しているので、国オプションをページに500回、1回だけ含める必要はありません。このような便利なものは実際に存在しますか?

jQuery-ui Selectmenu で遊んでいますが、grouped_collection_select. クラスを「selectmenu」に設定すると、Selectmenu は基本的な選択で機能します。基本的に、 Class を に追加するのに苦労していgrouped_collection_selectます。

私が試してみました： <%= f.grouped_collection_select(:state_id, Country.order(:id), :categories, :name, :id, :name, {:include_blank=>true, :class=>"selectmenu"})%>

と <%= f.grouped_collection_select(:state_id, Country.order(:id), :categories, :name, :id, :name, :class=>"selectmenu")%>

コーヒースクリプトで $('#user_state_id).addClass('selectmenu') を使用してクラスを追加できました。ただし、これにより、動的メニューが状態選択メニューのオプションを更新できなくなったようです。

私がここで見逃しているものについて何か考えはありますか? grouped_collection_select のクラスを設定するより良い方法はありますか。ソース コードを確認しましたが、:class=> in を使用してクラスが追加されていませんgrouped_collection_select。

selectmenu: http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

私は問題を示すjsfiddleを持っています：http：//jsfiddle.net/michaelajohnsonwa/sDchM/7/

非表示の場合の選択から生成されたドロップダウン要素は、正しく生成されていないようです。'options'バインディングとカスタムjqOptionsバインディングの両方を使用してみました。.selectmenu（'refresh'）をミックスに追加してみましたが、結果に違いはありませんでした。カスタムバインディングは、私も興味を持っているテンプレートバインディング内で使用すると機能しません。

これがjQueryselectmenuまたはknockout.jsの問題であるかどうかはわかりません。

--編集：動作するコードがIEで動作しないことを発見しました。ChromeとFirefoxは問題を正確に示しています。

ここでの助けはすべて適用されます！ありがとう！！

jQuery Mobile のコードを使用して選択メニューを動的に生成していますが、データをデータベースに渡すのに問題があります。メニューはappend、各フォーム要素のメソッドを使用して生成されます。短いコード例を次に示します。

私はそれが最も素晴らしいコードではないことを知っています。

私が抱えている問題は、提出されたデータを取得する方法がわからないことです。formタグを使うべきかどうかとても混乱しています。

送信をクリックするときに関数を使用する必要がありますか、それとも jQuery のライブラリから何かを使用する必要がありますか?

ここに生成された HTML:

また、実際にどのように見えるかを示すために JSFiddle も作成しました。

関数を実行する必要があると結論付けました。serialize()ただし、私が望んでいることは疑わしいので、次のようになります。

しかし、それでも選択した要素自体の名前/ID が必要です。SQL データベースに挿入する準備ができたとき、コードはどのように見えるでしょうか?

次のように定義されたカスタム選択メニュー（複数）があります。

ヘッダーのボタンアイコンを右に移動して[閉じる]テキストを表示することを除いて、すべて正常に機能します。（一部のモバイルユーザーは、Xアイコンの目的を理解できないか、クリックするのに問題があることがわかったので、右側に「閉じる」という単語を入れて大きくしすぎて見逃せないようにします。）そのオプションは選択バー自体に適用されるため、選択でそれを行うための任意のオプションになります。

私はcreateイベントをインターセプトして、そこでボタンアンカーを見つけ、そのためのcreateハンドラーを追加して、次のようにしました（コメントアウトでわかるように、いくつかのバリエーションを試しました）。

そこで、ボタンオプションをリセットしてrefreshを呼び出し（機能しませんでした）、CSSを変更してみました。どちらも機能せず、閉じるアイコンに改行があるという奇妙なフォーマットの問題が発生しました。

誰かがこれを行う正しい方法を知っていますか？

フォームのフィールド名を作成する単純な関数を作成しようとしています。複数選択リストで少なくとも 1 つの値が選択されている場合は正常に機能しますが、何も選択されていない場合は、未定義のインデックス エラーが発生します。これが私が持っているものです：

}

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

「jqueryuiselectmenu」と「jscrollpane」を一緒に使用すると問題が発生します。

マウスホイールは正常に機能しますが、クリックしてスクロールペイン（ ".jspDrag"）を押すと、スティッキーマウスになります。

あなたは以下のリンクで見ることができます：

http://htmlfabric.ru/test/

ありがとう！

カスタムメニューを作成して、標準の選択メニューの機能を複製しようとしています。

問題は、選択メニューのように動作させることができないことです。私の目標は、リスト項目がクリックされるたびに「選択された」テキストを置き換えることができるようにすることです。また、ユーザーがメニューの外側をクリックするたびにメニューを閉じようとしています。

これが私のJSフィドルへのリンクです：

http://jsfiddle.net/dg7Lc/9/

洞察に感謝します!! ありがとう！

-D