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;
    }

希望它有所帮助...

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

1 个答案: