jqueryプラグイン 簡単なページ内ワード絞り込み

with 3件のコメント

あまり使える場所も少ないかと思いますが、
ページ内において文章が多い場合、特定の単語が使われている
セクションのみ表示するプラグインを作りました。

デモ:http://aka-iro.jp/jtest/jquery.easysearch.js/

html側は

<script src=”jquery.easysearch.0.1.js”></script>
<script>
$(function() {
$(“.sec”).easysearch();
});
</script>

とbody内のフォームを置きたい箇所に
<div id=”voicesearch”></div>を設置すれば使用可能です。

最初はsubmitでボタンを押してから表示を切り替えるようにしてたんですが、
ページ内ですし、単語を入れたらすぐ発動する方が使い勝手がいいかと思い
変更しました。
ただ、スマホだと挙動が怪しいので、スマホの場合は、keyupでなく
chageメソッドのがいいかも。。ここはまだ調整中です。

Leave a Reply