javascript - 選択したフィールドの DropKick.js を無効にする

Question

DropKick は選択ボックスを美しくしますが、それらが複数選択またはサイズ定義の選択ボックスである場合、同じように動作し、すべて単一の選択ボックスになります。選択したフィールドの DropKick を無効にする方法はありますか?

たとえば、クラスに「nokick」が含まれている場合、そのフィールドには触れないでください。

score 2 · Accepted Answer

この質問はかなり古いですが、誰かが答えを探すことができます。著者は、誰もが考えるようにドロップキックを無効にするのではなく、一部のフィールドでドロップキックを「有効にしない」ことについて質問していたと思います（「無効」属性など）。

それが本当なら、次のようになります。

あなたのアプリケーションでは、dropkick はおそらく jQuery コード (または同様のもの) によって初期化されます。

$("select").dropkick();

クラス「nokick」（あなたが書いたように）を「select」に追加して、ドロップキックで省略し、初期化を次のように変更します。

$("select").not('.nokick').dropkick();

そのjQueryを使用すると、すべての選択要素が取得されますが、「nokick」クラスの要素は取得されません。それについてのドキュメントを読むのは良いことです: http://api.jquery.com/not/

score 1 · Accepted Answer

この時までに、問題の解決策が見つかったことを願っています。

実際、ドロップキックのドロップダウンをオンザフライで無効にするという同じ要件もありました。

したがって、私が取ったアプローチは、ドロップキックフレームワークによって Select タグの上に作成された div タグにクラス「gd-disable」を動的に追加することです。

.gd-disable{
opacity:0.4;
}

.gd-disable a{
cursor: no-drop !important;
}

divタグは次のようになります

<div style="display: block;" class="dk_container gd-disable dk_theme_default" id="dk_container_color" tabindex="4"> <!-- Interal Code --> </div>

3 に答える 3