問題タブ [listjs]

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 投票する
1 に答える
2372 参照

javascript - list.js と react.js を連携させる

これは、ブラウザで list.js を実行するバニラ コードです。そして、問題なく動作します

だから、反応するのは簡単だと思ったので、これを試しました

index.html

しかし、それは機能していません。特にエラーはまったくありません。ここで何ができるでしょうか?

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

jquery - data 属性に複数の値を持つ List.js フィルター

私は list.js を使用してリストに対して簡単なフィルタリングを行っていますが、少し問題が発生しています。

リスト内の一部の項目は次のようになります。

クリックするフィルターは次のようになります。

そして、フィルター関数を次のように設定しました。

これらのカンマ区切りの属性をそれぞれの値でフィルタリングすることは可能ですか? のように、Attr1、Attr2、または Attr3 をクリックすると、フィルターは適切なものを吐き出しますか?

0 投票する
0 に答える
77 参照

javascript - 2 つの個別のフィルターで List.js を使用する

従業員ディレクトリにList.jsを使用しています。人の名前だけでフィルタリングしたいテキスト入力があります。部門のみでフィルタリングしたい部門のドロップダウンがあります。現在、テキスト入力は名前部門を検索します。

考え?

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

javascript - Javascript を使用した適切な入れ子検索

list.jsを使用して、メニュー項目の検索、並べ替え、およびフィルター処理を行っています。ネストされた で検索機能を使用すると問題が発生し、<ul>回避できませんでした。

問題は、サブ要素でテキストを検索すると、サブ全体<ul>が返されることです。<li><ul>

不足しているものはありますか?

JSFiddle: https://jsfiddle.net/7ukgqmsp/

サンプルコードは次のとおりです。

0 投票する
4 に答える
2298 参照

javascript - ul li クリックによる div テキストのフィルタリングと検索

をクリックするliと、選択したデータ値divに基づいて以下がフィルタリングされます。liこれは機能していますが、何らかの理由で、最初にページをロードするときにli、フィルターを機能させるために を 2 回クリックする必要があります。

コードピンの例

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

javascript - list.jsを使用してドロップダウンオプションを選択してリストアイテムをソートする方法

list.js を使用してリスト項目を並べ替えていますが、変更時に項目を並べ替えたいselect > option

HTML

いくつかのコードを実行しましたが、最初に選択するとバグが発生しますが、クリックして再度変更すると、以前の値で項目を並べ替え、ドロップダウンを開いた後に選択して現在の値で並べ替えます。

これが私のコードです

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

listjs - 更新後にlist.jsで状態のページネーションを保存するには?

List.js を使用してページネーションを作成しています。更新後に状態のページ番号を保存する方法。ページ番号 3 の場合は、ページ番号 3 のまま更新します。 http://listjs.com

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

javascript - List.js での複数並べ替え

List.js を使用して、多くのコンテンツをカスタム オーダーで表示、検索、フィルター処理しています。

私の行はこのように作られています

コンテンツのリストを複数の順序で並べ替えようとしています。最初にorder_category、次にorder_source、次にcontent_date、最後に で並べ替えorder_pageます。

Firefox では、重要度の低い順にリストを並べ替えようとしましたが、うまくいくようですが、Chrome ではうまくいきませんでした:

List.js が現在複数の並べ替えをサポートしていないことは知っていますが、カスタム並べ替え機能をサポートしていることを読みました。カスタムソート機能を構築する方法を誰かに教えてもらえますか?


編集:

@Dekel のおかげで、List.js と 4 レベルの並べ替えを備えたカスタム並べ替え関数を使用する独自のメソッドを作成しました。List.js に指定された単一の並べ替えタイプ (ASCまたは) でうまく機能します。DESC私は自分のコードを報告します:

しかし、各値に並べ替えタイプ (ASCまたは) を指定しようとすると、機能しません。DESCこの改善でコードが更新されたことを報告します。

それを修正するための提案はありますか?

どうもありがとうございました!