0

検索の実行中に読み込み中の gif を表示するように入力テキスト画像を設定しようとしています。その部分はすべて意図したとおりに機能していますが、検索が完了したらチェックマークに戻り、ユーザーに検索が完了したことを示したいと思います。これが私が取り組んできたコードです：

$(document).ready(function() {
    $('#demoTable').columnFilters({wildCard:"", alternateRowClassNames:['tablerow_odd', 'tablerow_even']});
  $('._filterText').keypress(function() {
    $(this).css({'background-image':'url(\'http://frenemylogicians.com/forum/constructore/img/loading.gif\')'});
  });
    $('._filterText').css({'background-image':'url(\'http://frenemylogicians.com/forum/constructore/img/tick.png\')'});
});

うまくいけば、私がやりたいことを明確にするためです。ページの読み込み時に検索ボックスに緑色のチェックが付き、検索がアクティブな間は読み込み中の gif があり、検索が完了すると再び緑色のチェックが付きます。

私がやろうとしていることのサンプルはここにあります: http://jsbin.com/iqehop/3/

4

2 に答える 2

2

そのプラグインには、underlineフィルタリングが進行中であることを示す設定があります。著者によると：

... underline : フィルタリングの進行中にスクリプトが検索テキストに下線を引く場合は、true に設定します... フィルタに数秒かかる可能性がある行数が多いテーブルに適しています。(Opera にはありません) ...

$('#demoTable').columnFilters({wildCard:"", underline:"true", alternateRowClassNames:['tablerow_odd', 'tablerow_even']});
于 2012-12-22T06:57:49.630 に答える
0

私が望むことを行うための最良の方法は、プラグインを新しい設定で変更することです。

peterm が言及した設定をテンプレートとして使用して、必要な機能を追加しました。結果の jQuery は以下のとおりです。

$(document).ready(function() {
    $('#blueprintSelectionTable').columnFilters({wildCard:"", backgroundImg:"true", alternateRowClassNames:['tablerow_odd', 'tablerow_even']});
});

実際の例はhttp://jsbin.com/iqehop/8/watchです

今後この問題に遭遇した場合は、プラグイン スクリプトをページにリンクしないでください。http://tomcoote.co.uk/code-bank/jquery-column-filters/から独自のコピーをダウンロードして、サーバーに追加してください。または、私の例でリンクした js ファイルをコピーして独自の js ファイルに貼り付け、サーバーにアップロードすることもできます。48var backgroundImgLoc = 'url to image';行目を独自の画像に変更してください。他のすべての背景画像設定は css によって処理されるため、jQuery のワークロードは最小限に抑えられます。

._filterText {
    background:url('../img/tick.png');
    background-repeat:no-repeat;
    background-position:right;
}
于 2012-12-22T20:56:51.603 に答える