0

jqueryのページネーションコードが機能しています。一度に 2 つのアイテムにフェードイン フェードアウトを追加したい。

<ul class="paging">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

これが私のデモです。

http://jsfiddle.net/squidraj/6KRez/2/

提案してください。

4

1 に答える 1

1

の代わりに.fadeIn()とを適用する必要があります。これは、jQuery がフェードインアニメーションを各要素に順番に適用しているためです。を行う場合、jQuery はフェードインアニメーションを要素を含む全体に適用します。この場合、一度に表示されるのは 2 つだけです。そう.....fadeOut()<ul class="paging"><li>$('li').fadeIn()$('ul').fadeIn()<ul><li>

代わりに：

// show/hide the appropriate regions 
selector.children().hide();
selector.children(".simplePagerPage" + options.currentPage).show();

これを行う必要があります：

$('ul.paging').fadeOut(400, function() {
     // finished fading out animation
     //hide and show relevant links
     selector.children().hide();
     selector.find(".simplePagerPage" + clickedLink).show();
}).fadeIn();

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

于 2013-03-24T01:56:57.323 に答える