問題タブ [jquery-dropkick]

私はそれらを連携させようとしていますが、明らかに、validate.jsに必要なクラスがあるselectタグをドロップキックが隠しているため、適切に検証されていません。

HTML:

したがって、dropkick.js を使用すると、この html は明らかに必要なクラスで削除され、少し問題になります。

誰かがこれに対する解決策を持っているかどうか疑問に思っていましたか？

ありがとう

I have been working on a new drop-down control, using dropkick, and I have it working in Chrome/FF, but not in IE8, which is sadly still our target. I used a single-pixel background image with background-repeat:repeat-y and background-size:x% to get the desired effect.

I discovered too late that IE8 does not support background-size and my question is this: How do I emulate this effect in IE8?

My first thought is with some weird z-indexing and variable-width divs inside the li tags and behind the a tags, but my attempts at that have had less than spectacular results (largely because I have a hard time understanding css positioning). I am not sure how much it complicates things that this control resides on a draggable and resizable jQuery dialog, but for the sake of this question we can assume it won't move or change.

The end result is something like this:

The numbers in the parens as well as the fill percentage are filled in with the options via an AJAX call.

The code generated for the faux-dropdown is along these lines (truncated list):

And the relevant css is something like this:

サイトでドロップキックを使用していますが、非常にうまく機能し、見栄えがします。ただし、タブ (organinc タブ) 内で使用しようとすると、ドロップキック データが送信されます。なぜこれが起こっているのか、解決策を教えていただければ幸いです。前もって感謝します。

ドロップダウンメニューを表示するために、Webページで次のコードを試しました。ドロップキックjsを使用しました。私はjquery 1.9バージョンを使用しています。

ドロップ ダウンは IE では正常に機能しますが、Chrome では期待どおりに機能しません。

私のコードは

クロムでは、メニューのドロップダウンの外側をクリックすると、ドロップダウンメニューを開くことができます。しかし、ドロップダウンをクリックしてメニューを折りたたむことはできません。

私のページには複数のドロップダウンがあります。

ドロップキックで悩んでいます。私には開きたくないようです。私はそれを機能させるために自分のコード、デモコード、およびチュートリアルコードを試しましたが、すべて同じ出力があり、呼び出されたときにドロップダウンが正常に表示されますが、ドロップダウンは開きません。なぜこれが起こっているのか、どうすれば解決できるのか誰か知っていますか? 私はすべての正しいファイルを含めています。どの例を使用しても常に同じです。何かが開くのを妨げている可能性がありますか？以前、このサイトで jquery に問題が発生したことはありません。

Webの初心者..

特定の質問ですが、Web ページで Java スクリプトを使用しているときに表示される問題のトラブルシューティング方法をよりよく理解したいと思います。

ドロップダウン フィールドで DropKick 1.0.0 を使用しようとしています。以下をヘッダーに入れます-そして、ドロップダウンがなくなり、表示されなくなりました（その前に、単純なドロップダウンがあります）。

Chrome > Console で F12 を開きましたが、Java スクリプトに関連するものは何も表示されませんでした。

1. 一般的に、UI のエラーの王様をどのようにトラブルシューティングしていますか?

2. それはバージョン管理のことですか？

1 つのフィールドの例:

美しいドロップキックのドロップダウンを使い始めました。dropkick フィールド値で満たされたモデル オブジェクトを使用してコントローラーに送り返さなかったようです。

.cshtml

モデル (メンバー名を name + 要素の id 属性と同じに保つ)

_layout.xml 内 (dropkick チュートリアルからコピー)

送信ボタンを押すと、関連するコントローラー関数に到達しますが、入力モデルオブジェクトには選択された値が含まれていません...

私はこれに対する解決策を探してウェブをトロールしました。

ここで実際の問題を確認できます: http://jsbin.com/nomij/5/edit

基本的に、ドロップキック変更イベントが発生するたびに、選択したオプションの値にアクセスする必要があります。ドキュメントでは次の例を使用しています:-

値とラベルの両方が未定義を返します。私が間違っているアイデアはありますか？

ドロップキックのドキュメント: https://github.com/Robdel12/DropKick/blob/master/readme.md

そのため、ドロップダウンがあり、dropkick.js を使用して作成するという問題があります。(私はdropkick.jsを学んでいるので、何かを誤解していると思っています。)

問題

そのようにon changeイベントをバインドすると

アラートは 2 回呼び出されます。

ここでフィドル

私の最初の問題は、選択ドロップダウンが動的に変更されたため、$(".default").dropkick();適用されなくなったため、上記の動的セレクターを作成したことでした。(これよりも動的に呼び出しをバインドするより良い方法がある場合は、教えてください! :D)

役立つ情報: (私のデバッグの一部に基づく)

• 最初の html/script は、このフィドルのようなもので、2 つのドロップダウンが作成されました (関連しているようには見えませんが)。コード<select>...</select>で作成したものと、クラスで作成した dropkick.jsclass=dk_container dk_theme_defaultです。したがって、これを回避するためにこのhtmlにコメントしました（最初のフィドルで）が、それでも2つの選択ドロップダウンが存在するようです!

ネストされたドロップダウンのように、dropkick jsを使用して 2 つの複数選択ドロップダウンを作成しました

2 番目のドロップダウン オプションは、最初のドロップダウンに基づいて設定されます。外側のドロップダウン変更イベントが発生するたびに、入力コードを配置しました。

リセットしようとしたとき（選択した項目のチェックを外してオプションをリロードするため）、両方のドロップダウンを同時に

内側のドロップダウンはリセットされますが、外側のドロップダウンはリセットされません。

しかし、内側のドロップダウン HTML コードをコメントアウトし、外側のドロップダウンをリセットしようとすると、正常に動作します。

どうすればこれを解決できますか?