問題タブ [jquery-ui-selectmenu]

私のフォームでは、ボタン、選択ボックス、チェックボックスなどのコントロール要素を一列に配置します。論理的に正しいように見えます。しかし、jQuery UI を使い始めてから、選択ボックスの縦方向がおかしいのがわかりました。これは jquery-ui サイトの例です。少し短縮されています: https://jsfiddle.net/Tertium/z829pay7

jquery 1.11.2 および 1.10.2、jquery-ui: 1.11.3、デフォルトですべての設定/css でテスト済み。どうすればそれらを一列に並べて表示したり、少なくとも真ん中に配置したりすることができますか? パン、マージン、div、テーブルを試しましたが、まったく効果がありません。

念のため、スクリーンショットを以下に示します。

以下で詳しく説明するように、jQueryUI公式プラグインによって生成された選択メニューからSeleniumにオプションを選択させるのに苦労しています.Seleniumはメニューを開き、クリックしてアイテムを選択し、メニューを閉じますが、オプションは選択されていません。

セットアップの背景:

• Selenium IDE Firefox プラグインの使用
• jQueryUI SelectMenu デモ ページを使用してテストします (コード スニペットが誰もがアクセスできるものであることを確認し、デモ サイトとして selectmenu が少なくとも適切に実装されていることを排除できます)

テスト ソース: http://jqueryui.com/selectmenu/

セレンクリックのspan.ui-selectmenu-textをターゲットにして、ID = ui-id-5の要素をクリックしようとしましたが、うまくいきませんでした。次に、span.speed-button をクリックして、オプションを選択してみました。運もありません。

いずれの場合も、メニューは開いたり閉じたりしますが、元の値が選択されたままです。

しかし、奇妙なことが起こります。Selenium IDE で次の操作を行うと、それが選択されます。

1. メニューを開くコマンドをダブルクリックします。
2. コマンドをダブルクリックして、正しい ID 要素を選択します。
3. 正しい ID 要素を選択するためのコマンドをもう一度ダブルクリックします。

突然、選択したオプションが更新されます。しかし、2 つのクリック コマンドを使用してスクリプトをエンド ツー エンドで実行すると、再び失敗し、ページでデフォルトのオプションが選択されているだけです。

コード：

誰かが私を正しい方向、ヒントやヒント、または問題の実際の解決策に向けることができれば、それは素晴らしいことです.

これを投稿する前にSOを検索しましたが、見つけたのは3年前のものだけで、解決策はもう機能しませんでした：

ui selectmenu (jQuery) とセレンを使用してテストする方法

各色がアイテムの横にある小さな四角形になっている色のドロップダウンを作成しようとしています。

もつ：

したい（おおまかに）：

このバージョン (jsfiddle)は、ドロップダウン アイテム自体に対しては正常に機能しますが、ボタンの横に色付きの四角形が表示されるようにボタンも更新したいと思います。

値の更新時にドロップダウン ボタンを変更して、ドロップダウンのように色の正方形を含める良い方法はありますか?

既存のコードを変更しようとしています。jQuery を使用して、ドロップダウン リストの一部の項目のスタイルを変更したいと考えています。

ドロップダウンリストは次のように構成されています。

class="station"あるオプション（別名DeptC-G）のフォント色や背景色を変更できるようにしたいです。

以下の方法を試しました。

コメント セクションは機能しません。アラート部分は実行されますが、スタイルは適用されませんでした。

使ってみた

ただし、これにより、特定のオプションではなく、すべてのオプションにスタイルが適用されます。

私はいくつかの調査を行ったところ、質問から私が探しているものと非常によく似ていることがわかりました。ただし、指定された解決策を試してみましたが、どれもうまくいきません。エラーはありません。スタイルが適用されていません。

どんな助けでも大歓迎です:)

EDIT_01:

IE11 では、元の選択に基づいてリストがシフトすると、次のようになります。(これは IE11 がドロップダウンリストをレンダリングする方法であることは知っていますが、変更する予定です)

以下のように、ドロップダウンリストが IE8 のように見えるようにする必要があります。そしてどういうわけかスタイルが適用されませんでした。

jQuery UIにパーフェクトスクロールバープラグイン(ブラウザーのデフォルトスクロールバーの代わりに美しいスクロールバーを提供する)を追加しようとしていますselectmenu

これがJSFIDDLEです

スクロールバーを開くとselectmenu、マウスをリストの一番下に近づけるまで (リストをホバーしても) 表示されません (つまり、selectmenu を初めて開いたときに、何も表示されていないように感じます)。スクロールバーがないため、他のアイテム)

どうすれば解決できますか？

HTML

JS

CSS

div内部に異なる要素を含むa を複製したい。これらの要素の 1 つは、selectmenuselectに変換されます。新しいものをクリックできず、そのアイテムを表示できないことを除いて、複製は正常に機能します。select

このデモを参照してください。「クローン」ボタンをクリックして、新しいselectmenu.

これを機能させるためのクリーンな方法は何でしょうか?