Twitter引导：goToByScroll jQuery插件在初始化折叠插件后不工作？

编辑：我从页面底部的一个jQuery链接中取出了滚动条

但是，现在手风琴折叠不起作用，并扩展了所有链接。

我拿出这个：

---

我的jQuery插件有问题，它会慢慢滚动到锚链接。它以前一直在工作，直到我修复了手风琴的折叠。我到处都找过了，我是jQuery的初学者，我想知道我是否链接了正确的文件

我知道我的goToByScroll插件的HTML代码很好，我认为这只是我的jQuery链接或jQuery代码。我已经参考了jQuery滚动效果

代码如下

在我的文件开头，我有：

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--Le Styles-->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet">

我想要任何关于jQuery链接的帮助，因为我基本上是在自学。以下是手风琴折叠代码：

<div class="accordion" id="accordion1">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-parent="#accordion1" data-toggle="collapse" href="#panel1">

                    <h4>Piece Title</h4>

                </a><!--end link heading-->
            </div><!--end accordian heading-->

            <div class="accordion-body collapse in" id="panel1">
                <div class="accordion-inner">

                    <p>Here's some text.Here's some text.Here's some text.Here's some text.                     
                </div><!--end inner accordion-->
            </div><!--end accordion collapse-->
        </div><!--end accordion group-->
</div><!--end accordion complete-->

这里有一些文字。这里有一些文字。这里有一些文字。这里有一些文字。

以下是我的HTML页面底部的脚本：

<script src="js/bootstrap.min.js"></script>

这一个被取出，goToByScroll jQuery工作了，但折叠函数没有工作：

$（文档）.ready（函数（）{
$（'.carousel'）.carousel（）；
$（'.carousel'）。carousel（'pause'）；
});
$（文档）.ready（函数（）{
$（“.collapse”）.collapse（）
});
函数goToByScroll（id）{
$（'html，body'）.animate（{scrollTop:$（id）.offset（）.top}，'slow'）；
}
$（文档）.ready（函数（）{
$（'.nav a'）。单击（函数（）{
goToByScroll（$（this.attr（'href'））；
返回false；
});
});

谢谢！如果有更多需要的文档，请告诉我

为了让手风琴工作，它需要

jquery

库

为什么有两个引导脚本：

和

？这两者有什么区别？如果它们相同，您可以只使用

bootstrap.min.js

，因为这只是

bootstap.js

的缩小版本

没有

jquery

库，您怎么能使用

.animate（）

、

.attr（）

、

.ready（）

等呢

<script type="text/javascript" src="/static/js/bootstrap.js"></script>

<!--calls and pauses carousel from sliding-->
<script type="text/javascript">
    $(document).ready(function(){
        $('.carousel').carousel();
        $('.carousel').carousel('pause');
    });
</script>

<script type="text/javascript">
    $(document).ready(function(){
        $(".collapse").collapse()
    });
</script>

<!--eases transitions between anchors-->
<script type="text/javascript">
    function goToByScroll(id){
        $('html,body').animate({scrollTop: $(id).offset().top},'slow');
    }

    $(document).ready(function(){
        $('.nav a').click(function(){
        goToByScroll($(this).attr('href'));
        return false;
        });
    });
</script>