問題タブ [jquery-dropkick]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
6 に答える
14418 参照

jquery - jquery dropkickオブジェクトをリロードする方法

シンプルな選択リストと jquery.dropkick ライブラリを使用して美しくしています。ここで、対応する選択要素が変更された後にそのドロップキックのコンテンツを変更したいと考えています (新しいオプションが追加されました)。ただし、 $('#select').dropkick(); を呼び出すだけです。動作しません。

そして、それはサポートされていないようです。そのドロップキックをゼロから作り直すだけで十分だ。その dropkick オブジェクトを「破棄」してから、.dropkick() メソッドを呼び出して再構築する可能性はありますか?

0 投票する
1 に答える
2457 参照

javascript - jQueryは要素をかなり選択します-dropkickjsとiOs

こんにちは私は自分のサイトにDropkick.jsを実装しましたが、非常に見栄えの良いselect要素がいくつかあります。ただし、iOSシステムで見ると、オプションを下にスクロールできません。

Dropkick.jsのドキュメントを読みましたが、scrollability.jsを試して使用することをお勧めしますが、この作業を実際に行うことはできません。

誰かがこれとdropkick.jsを使用した経験がありますか?または誰かが代替案について何か提案がありますか?

0 投票する
1 に答える
1011 参照

jquery - DropKick jQuery プラグインを使用して複数の変更コールバックを作成する

Web サイトの検索機能の一部として、優れたDropKick jQuery プラグインを使用しています。DropKick は、ユーザーが検索する Web サイトを選択するために使用する選択ボックスをスタイリングしています。Google カスタム検索が使用されており、非表示の「#cx」フィールドの値を変更するよう DropKick に指示することに成功しました。#cx フィールドは、使用する検索アカウントを Google に伝えます。

HTMLは次のとおりです。

ユーザーが選択した検索エンジンに応じて、非表示の「#cx」フィールドの値を変更する作業中の jQuery コードを次に示します。

それはすべて素晴らしいです。ただし、ユーザーの選択に基づいてフォーム アクションも変更する必要があります。このプラグインを使用してこれは可能ですか?その場合、jQuery コードにどのような変更を加える必要がありますか? 私はすでにこれで私の知識の限界を押し上げました!

ご協力いただきありがとうございます。

乾杯

0 投票する
2 に答える
967 参照

jquery - 画像付きドロップキックセレクト

テキストの代わりに画像を含むドロップダウン リストを作成したいのですが、select タグを完全にカスタマイズできるようにしたいと考えています。

DropKick を使用して、ドロップダウン リストでテキストの代わりに画像を使用することは可能ですか?

画像を使用するために変更しようとしていますが、他のドロップキック要素の同じページのテキストにも使用できるようにしたいと考えています。

コード内:

私が変える

0 投票する
3 に答える
1937 参照

javascript - jQueryの使用方法ドロップキック選択要素を使用したフォーム検証の検証(DIVベースの選択フォーム要素)

divベースのselectフォーム要素でjQuery検証ライブラリを使用したいと思います。ドロップキックライブラリを使用して選択を美化していますが、選択要素がDIVSで再作成されるため、フォームの検証に問題があります。

上記の選択フィールドは、以下のhtmlに変換されます。

バリデーター用に次のカスタムメソッドを作成しましたが、フォーム検証プロセスに適用する方法がわかりません。

0 投票する
1 に答える
1277 参照

jquery - jquery DropKickはajaxでコンテンツをリロードします

とにかく、DropKick ドロップダウンがロードされた後に再ロードまたは同期する方法はありますか...私はこの美しい jquery プラグインを参照しています

http://jamielottering.github.com/DropKick/

私が持っているのは、動的にする必要がある状態、都市の ajax 読み込みドロップダウンです...

私は試してみました

誰かがこれをしましたか?助けてください

0 投票する
1 に答える
234 参照

html - DropKickを使用してオプションテキストのスタイルを設定するにはどうすればよいですか

DropKickを使用して選択フィールドのスタイルを設定しています。オプションのテキストを分離して、1つの単語が正しく浮かぶようにする必要があります。

私はこれを試しましたが、私spanは剥奪されました:

DropKickを使用してオプションの特定の部分をターゲットにするにはどうすればよいですか?

0 投票する
1 に答える
536 参照

jquery-dropkick - ドロップキックスタイルのドロップダウンに複数のアイテムがある場合、Ajaxコールバック関数が呼び出されない

ドロップキックスタイルのドロップダウンがいくつか含まれているaspxページがあります。ページ内の一部のドロップダウンには1つのアイテムしかありませんが、同じページ内の一部のドロップダウンには複数のアイテムが含まれる場合があります。各ドロップダウンには、ユーザーがドロップダウンでアイテムを選択したときにAjax関数を呼び出すonchangeイベント(javascript)があります。

Ajax関数はdropkick.jsファイルから呼び出されます

問題は、ユーザーが複数のアイテムを含むドロップダウンでアイテムを選択すると、Ajax関数が呼び出されますが、Ajaxコールバック関数が呼び出されないことです。

ドロップダウンに項目が1つしかない場合は、Ajaxコールバック関数が期待どおりに呼び出されます。

ヒントを事前に感謝します

よろしく

マシュー

0 投票する
1 に答える
415 参照

jquery - DropKick.js を介してテーブル ソーター関数を渡す

この 1 日かそこらの間、私は 2 つのかなり人気のある jquery スクリプト、dropkick.js と tablesorter.pager.js を連携させるのに苦労してきました。私はJSに比較的慣れていませんが、私が抱えている問題は、dropkick関数を通過するための適切な構文を知らないことです.

両方のスクリプトが同じバージョンの jquery で実行されています。私が抱えている唯一の問題は、選択が行われたときに表示される結果の数が変わらないことです。たとえば、テーブルに 10 件の結果が表示されていて、選択オプションとして 5 を選択した場合、ページをリロードせずに、テーブルには 5 件の結果のみが表示されます。

両方のスクリプトは独立してうまく機能しますが、dropkick.js は変更関数を使用しないとその値に対して何もしません。

フォームの HTML データは次のとおりです。

テーブル ID: "#user-search-results"

注: 低い値はテスト用です。

jquery.tablesorter.pager.js

作業テーブル ソーター スクリプト:

ドロップキックを含む私の最新バージョン:

dropkick 変更関数内のページャー スクリプトからさまざまな関数を呼び出してみて、「値」を含むそれぞれの関数に必要な変数を渡しました。

例えば:

私は非常に行き詰まっており、プロジェクト全体が滞っています。前に述べたように、私は jquery を初めて使用するので、助けていただければ幸いです。