0
私はSemantic-ui dropdown search機能を使用します。セマンティックUIの検索ドロップダウンで項目ごとにいくつかの値を選択します
これを使用して、複数のスピーカーを1人のスピーカーの名前で検索したいイベントを検索します。
私はJekyllを使用してドロップダウンを設定します。ジキルコードは次のとおりです。
次のようにいくつかのブロックにコンパイルし{% for event in site.events %}
<div class="item" data-text="{% for speaker in event.people %}{{ speaker.name }} {% endfor %}">
<h3 class="ui header"> {{ event.header }}</h3>
</div>
{% endfor %}
:
<div class="item" data-value="Bob Charles Jack Bill" >
<h3 class="ui header">The opening speech</h3>
</div>
は、私が言及した人の名前のいずれかに基づいてこれらのイベントをフィルタリングすることができるようにしたいですdata-text
属性。
今のところ、data-text
属性の最初の名前(この場合は「Bob」)を入力すると一致するものだけが返されます。私はそれを達成しようとしていない選択肢がありますか?