ホームページ

JS特殊効果

jQueryの効果

検索フィルターを使用した jQuery Ajax 読み込みドロップダウンボックスプラグイン

ダウンロード中プレビュー

これは、オプション検索フィルタリングと Ajax リモート読み込みをサポートする選択ドロップダウン選択ボックスの jQuery プラグインです。

jsコード
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/tinyselect.js"></script>
<スクリプト>
/* このパーサーは「---」の選択を考慮しません */
関数 dataParserA(data, selected) {
retval = [ { val: "-1" , text: "---" } ];

data.forEach(function(v){
if(selected == "-1" && v.val == 3)
v.selected = true;
retval.push(v);
});

retval を返します;
}

/* このパーサーにより、コンポーネントが選択を処理できるようになります */
関数 dataParserB(data, selected) {
retval = [ { val: "-1" , text: "---" } ];
data.forEach(function(v){ retval.push(v); });
retval を返します;
}

/* 選択要素を作成します */
$("#select1").tinyselect();
$("#select2").tinyselect({ showSearch: false });
$("#select3").tinyselect({ dataUrl: "file.json" , dataParser: dataParserA });
$("#select4").tinyselect({ dataUrl: "failure.json" });
$("#select5").tinyselect({ dataUrl: "file.json" , dataParser: dataParserB });

$("#select2").on("change",function() {
console.log($(this).val());
});

$("#havoc").show()

</スクリプト>

免責事項

このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロードサイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn

jQuery AJAX は、refresh_jquery を使用せずにドロップダウン読み込みを実装します

16 May 2016

この記事では主に、非リフレッシュドロップダウン読み込みを実装するための jQuery AJAX について紹介します。必要な情報が必要な場合は参照してください。

jquery を使用して実装された画像遅延読み込みプラグイン (画像遅延読み込み原理を含む)_jquery

16 May 2016

この記事では、jquery を使用して実装された画像遅延読み込みプラグインを主に紹介し、画像遅延読み込みの原理と広告のノンブロッキング読み込み機能についても説明します。

jQuery を使用して Ajax で読み込まれたコンテンツに進行状況バーを追加する方法

24 Oct 2024

この記事では、jQuery の xhr() メソッドを使用して、Ajax リクエスト中にプログレスバーを実装する方法を説明します。アップロードとダウンロードの両方の進行状況にイベントリスナーを追加して、データが保存されている間にユーザーに視覚的なフィードバックを提供できるようにする方法について説明します。

jQuery を使用した AJAX データの読み込み中にプログレスバーを表示するにはどうすればよいですか?

24 Oct 2024

この記事では、AJAX 経由でデータをロードするときに視覚的なフィードバックを提供するために、jQuery を使用して進行状況バーを作成する方法について説明します。データ取得の進行状況を示すことでユーザーエクスペリエンスを向上させるために、AJAX 操作の進行状況を追跡する必要性を強調しています。 Th

jQuery を使用して AJAX で読み込まれたコンテンツに CSS を動的に適用するにはどうすればよいですか?

02 Dec 2024

jQuery を使用してインラインまたは外部 CSS を動的に適用するjQuery を使用して AJAX 経由で HTML コンテンツをロードすると、CSS の適用で問題が発生する可能性があります...

jqueryのハート型のいいね効果とフォロー効果の簡単な実装

07 Dec 2016

jqueryのハート型のいいね効果とフォロー効果の簡単な実装

jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery

16 May 2016

この記事では、jquery アニメーション効果の詳細な分析を提供する jquery アニメーション効果の学習ノートを共有し、フェードインおよびフェードアウト効果とスライディング効果の原理を説明します。jquery アニメーション効果をよく学びたい場合は、次のリンクを参照してください。この記事を辛抱強く読んでいただければ、予想外のことが見つかると思います。