問題タブ [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 に答える
6656 参照

javascript - チェックボックスと list.js を使用して複数のフィルターを適用する

list.js プラグインを使用して、チェック ボックスのグループに基づいていくつかの結果をフィルタリングしようとしています。

現時点では 1 つの基準で並べ替えることができました。これは一度に 1 つの項目でのみ並べ替えます。つまり、簡単で中程度の並べ替えのみですが、現時点で複数のチェックボックスを選択しようとすると機能しません。イージーとモデレートの両方を同時に選択します。

どうすればこれを行うことができるか、誰にもアドバイスがありますか。html と javascript は以下のとおりです。

前もって感謝します。

Javascript:

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

javascript - 動的に作成された要素で jQuery 変更イベントが発生しない

私は現在 list.js と lodash を試して、一連の検索結果に対して動的フィルター機能を生成しています。コードのベースはここからフォークされます:

http://codepen.io/waynehoover/pen/KBqhF

List.Js は、ページ上の要素を使用してデータセットを作成し、フィルター処理または並べ替えを行うことができます。ただし、これらは検索結果であるため、フィルターを動的にして、ページに存在する基準のみが表示されるようにしたいと考えています。

上記の例では複数選択リストを使用していますが、私の例ではこれらをチェックボックスに変換しています。私が抱えている主な問題は、チェックボックスを動的に作成しているため、変更時に updateList() メソッドを起動しなくなったことです。

JQuery で .change() メソッドと .on("change",updateList()) を単純に使用してみましたが、どちらも機能していないようです。何か案は?

以下のコードとCodepen。

HTML

Javascript

コデペン

http://codepen.io/JasonEspin/pen/waKjxW

前もって感謝します。

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

jquery - List.js - 複数の場所から検索

List.jsプラグインで複数の場所から検索するには?

http://jsfiddle.net/9yyx3tp7/

2 つの .list リストはどこにありますが、最初にしか機能しません。両方のリストから検索する方法について何かアドバイスはありますか? ありがとう。

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

javascript - 1 つのフィールドに複数の値を持つプロパティのフィルタリング - List.js と Filter.js

私は現在 list.js プラグインとそのフィルター拡張機能を使用して、ユーザーが最終結果をフィルター処理して、探しているものを簡単に見つけられるようにする検索結果ページを作成しています。

私は彼らのAPIを使用して解決策を見つけようとしましたが、正直なところ、少し古く、最後に更新されたのはいつかわかりません.

http://www.listjs.com/docs/list-api

私のコードは次のとおりです。

HTML

Javascript

また、Codepen で動作する例を作成しました。

http://codepen.io/JasonEspin/pen/bdajKo

私が達成したいのは、一部のパッケージでは、次のような複数の型の値を持つ場合があります。

したがって、この状況では、フィルターがボートトリップとその他のトリップタイプがあることを検出し、これらのオプションをフィルターオプションとして表示することを期待します。どちらかを選択すると、このパッケージが返されます。ただし、2 番目のタイプを無視しているようです。

配列のように動作することを期待していたので、このように試してみましたが、そうではありませんでした。ランダムなオプションを作成するために、2 つのアイテムをマッシュアップしただけです。

それで、複数のオプションを受け入れるようにコードを適応させる方法を知っている人はいますか? 私の理想的なシナリオは、各パッケージに多数の出発日を添付し、ユーザーがこれらの出発日でフィルタリングできるようにすることです。

問題は私のLodashコードにあると思われるので、どんな助けでも大歓迎ですが、Lodashを初めて使用するので、その珍しい構文のために実際に何をしているのか少しわかりません.

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

javascript - List.JS が目立ったことをしていない

ページの既存のリストに list.JS を設定しようとしています。これは、私が作業しようとしているものの簡略化されたバージョンです

彼らのウェブサイトで提供されているサンプルコードを調べたところ、ガイドラインに正しく従っていると思います...しかし、入力フィールドまたは「名前で並べ替え」ボタンを操作しようとしても、何も起こりません。

何か案は?

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

javascript - listjs hackerlistで正規表現を実行するには?

List.js の検索機能で正規表現を実行したいと思います。デフォルトでどのように機能するかは、文全体に存在する単語を検索することです。私が達成したいのは、文の始まりである単語を検索することです。

ここに画像の説明を入力

上の写真では、「Was」が 4 つの文すべてに存在することがわかりますが、「Was」が各文の最初の単語である短いリストのみにしたいと考えています。

ListJs ソース

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

sorting - List.js のデフォルトのソート テーブル

いくつかのテーブルを並べ替えるために、list.js ライブラリ ( http://www.listjs.com/ ) を使用しています。何もクリックせずにページがロードされたときにデフォルトの並べ替えを取得できるかどうかを知りたいです。