-1

たぶん私はもっと早くこのように尋ねるべきだった...

SQLテーブルからすべてのアイテムをロードするDIVがあります。次に、色でフィルタリングするために使用されるチェックボックスがいくつかあるので、ユーザーがBLUEを選択すると、DIVがリロードされ、BLUEが色として渡され、BLUEアイテムのみが表示されます。

ユーザーがクリックしたら、BLUEアイテムの読み込み中に経過した時間の間に「読み込み中」の.gifを表示したいと思います。多分それは超短いか多分それは3秒かそこらかかる...

私のオプションは次のとおりです。

  • メインのDIV内に.gifを含み、CSSが表示されていない別のDIVがある。次に、JQUERYを使用すると、表示してから非表示にする必要があります...このオプションが適切な場合、どのようなJQUERYを使用できますか？

  • フィルタリング後に結果をロードする前に、JQUERYを使用してLoadingDIVをロードします

ありがとう！

4

2 に答える 2

1

最も簡単な方法は、ページ内に div を配置することです。通常はページの下部近くにあり、css で非表示にします。

<div id="loading">
    <img src="img/loading.gif" alt="Loading." />
</div>

CSS:

#loading {
    display:none;
    /* some more code to position the div where you want */
}

js:

$("#loading").toggle(); // or .show() / .hide()

フィドルを参照してください：http://jsfiddle.net/Gwmah/

于 2012-08-07T17:16:10.473 に答える
0

html要素を表示するためのb jQueryが提供される便利な機能がいくつかあります

  • hide() show()

  • トグル（）

    //your css would be like this
#divToDisplay {
    display:none;
}

$('document').ready(function() {

    $('#divToDisplay').show();
});

//or to make it show hide on click use toggle()
$('document').ready(function() {

     $('#divToDisplay').toggle();
});

//you can also use slideToggle() to give some animation for show and hide
$('document').ready(function() { 

    $('#divToDisplay').slideToggle( "slow" );
}
于 2015-12-11T08:33:29.240 に答える