質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

0回答

347閲覧

jQuaryプラグインのQuicksearchで表示/非表示になっているリストからも検索できるようにしたい

退会済みユーザー

退会済みユーザー

総合スコア0

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2018/10/22 08:09

編集2022/01/12 10:55

下記のようにjQuaryプラグインのQuicksearchとタブ切替用のソースがあり、現状ではタブ切替してしまうと、非表示になっているリストからは検索がされない状態になっています。

■HTMLソース=======================================================================

<!-- 検索フォーム --> <form id="quicksearch"><input type="text" name="search" value="" id="id_search" /></form> <!-- タブ切替 --> <ul id="filter"> <li><a href="javascript:void(0);" class="filter01">フィルター1</a></li> <li><a href="javascript:void(0);" class="filter02">フィルター2</a></li> <li><a href="javascript:void(0);" class="filter03">フィルター3</a></li> </ul> <!-- リスト --> <ul id="filterlist"> <li class="filter01">テスト1</li> <li class="filter02">テスト2</li> <li class="filter03">テスト3</li> <li class="filter01">テスト11</li> </ul>

■JavaScript=========================================================================
// filterlist タブ切替
// filterlist
$(function() {

var $setFilter = $('#filter li'),
$setList = $('#filterlist'),
$setFilterAll = $('.allitem');

var showFade = 1000,
showShut = 1000,
hideFade = 0,
hideShut = 0;

var $setFilterBtn = $setFilter.children('a'),
$setFilterList = $setList.children('li'),
$filterAllItem = $setFilterAll.attr('class');

if ($(window).width() > 641) { $setFilterBtn.click(function(){ if(!($(this).hasClass('active'))){ var filterClass = $(this).attr('class'); $setFilterList.each(function(){ if($(this).hasClass(filterClass)){ $(this).css({display:'block'}); $(this).find('*').stop().animate({opacity:'1'},showFade); $(this).stop().animate({width:'140px'},showShut); } else { $(this).find('*').stop().animate({opacity:'0'},hideFade); $(this).stop().animate({width:'140px'},hideShut,function(){ $(this).css({display:'none'}); }); } }); $setFilterBtn.removeClass('active'); $(this).addClass('active'); } }); $setFilterAll.click(function(){ $setFilterList.each(function(){ $(this).css({display:'block'}); $(this).find('*').stop().animate({opacity:'1'},showFade); $(this).stop().animate({width:'140px'},showShut); }); }); $setFilterAll.click();

}
else if ($(window).width() < 640) {
$setFilterBtn.click(function(){
if(!($(this).hasClass('active'))){
var filterClass = $(this).attr('class');
$setFilterList.each(function(){
if($(this).hasClass(filterClass)){
$(this).css({display:'block'});
$(this).find('').stop().animate({opacity:'1'},showFade);
$(this).stop().animate({width:'50%'},showShut);
} else {
$(this).find('
').stop().animate({opacity:'0'},hideFade);
$(this).stop().animate({width:'50%'},hideShut,function(){
$(this).css({display:'none'});
});
}
});
$setFilterBtn.removeClass('active');
$(this).addClass('active');
}
});
$setFilterAll.click(function(){
$setFilterList.each(function(){
$(this).css({display:'block'});
$(this).find('*').stop().animate({opacity:'1'},showFade);
$(this).stop().animate({width:'50%'},showShut);
});
});
$setFilterAll.click();
}
})

ちなみに今回のページのHTMLではclassの.allitemは使用していません。
いい方法ありますでしょうか。よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

x_x

2018/10/22 08:24 編集

jQueryにQuicksearchという機能はありません。プラグインを使っているならタグに「jQueryプラグイン」を追加したうえ、何を使っているか明らかにしてください
x_x

2018/10/22 08:41

タブについても何をしているか不明なのでコードを載せてください
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問