javascript - 如何在 Bootstrap 分页上应用 jQuery 效果

Question

我在设计中使用 Bootstrap 分页:

<ul class="pagination news-pages">
    <li id="prev" ><a href="javascript:get_pages('0')">&laquo;</a></li>
    <li id="page-1" class="active"><a href="javascript:do_sth('1')">1</a></li>
    <li id="page-2"><a href="javascript:do_sth('2')">2</a></li>
    <li id="next"><a href="javascript:get_pages('3')">&raquo;</a></li>
</ul>

我正在尝试应用具有滑动效果的 jQuery .hide() 方法。就在我更改其内容之前。

function get_pages(start_page)
{
    if(start_page=='0') return false;
    $(".news-pages").hide("slide", {direction:"left"}, "slow");

    /*other ajax stuffs, change displayed page number*/

    return fales;
}

我已经多次尝试此代码，但没有任何反应。然后，我删除了传递给 .hide() 的所有参数。

$(".news-pages").hide();

它有效!该组件消失了，没有任何影响。我的代码有什么问题吗？

顺便说一句，我也尝试过 jQuery 效果 .toggle() ，它甚至在没有参数的情况下无法工作。我尝试过的另一个函数是.fadeOut()，它工作得很好，但不是我想要的效果。

Answer 1

尝试这样的事情:

function get_pages(start_page)
{
    if(start_page=='0') return false;
      $(".news-pages").hide("slow",function(){
        alert("The paragraph is now hidden");
      });
return false;
    }

希望对你有帮助...