Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导程序无法正常工作_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 引导程序无法正常工作

Javascript 引导程序无法正常工作,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我已经使用创建了文档。下面是我的文档中侧栏的代码: <div class="col-md-3 docs"> <div class="bs-docs-sidebar"> <ul class="nav docs-sidebar-nav"> <li class="active"> <a href="#one">One</a> &

我已经使用创建了文档。下面是我的文档中侧栏的代码:

<div class="col-md-3 docs">
    <div class="bs-docs-sidebar">
        <ul class="nav docs-sidebar-nav">
            <li class="active">
                <a href="#one">One</a>
            </li>
            <li>
                <a href="#two">Two</a>
            </li>
        </ul>
    </div>
</div>
当我打开页面时,它不会显示带有条目1、2的侧边栏。当我滚动页面时,侧边栏显示“2”为活动状态,但从不显示条目“1”

我正在使用Bootstrap v3.2.0。为什么侧边栏不能正常使用
.affix
。我甚至试过使用
dataspy=affix
,但没有成功

如何使侧边栏与“粘贴”一起正常工作

要添加,您只需执行以下操作:

$(".bs-docs-sidebar").affix({ offset: { top: 60 } });
这将根据滚动位置向项目动态添加以下类别之一:

  • 。粘贴顶部
  • 。粘贴
  • 。粘贴底部
然后在.affix类就位时设置一些样式(引导将自动添加
位置:fixed
,因此我们只需要设置高度:

.bs-docs-sidebar.affix {
    top: 20px;
}

但听起来你对scrollspy和引导设置
.active
项目的方式确实有问题.

是否可以创建一个以尽可能少的代码完整再现问题的示例。您可以在JSFIDLE中创建示例,也可以使用代码段在堆栈溢出中创建示例。我尝试了这两种方法,但仍然不起作用。侧边栏从未出现在页面加载中。@user3108072,您可以使用此工作示例开始使用除非您注意到问题所在。或者从头开始,与您现有的解决方案进行比较。无论是哪种方式,除非我们能够看到您遇到问题的实际代码,否则我们无法在另一端提供太多帮助。因此,您最好的选择是生成一个能够演示您遇到的确切问题的解决方案,或者尝试应用工作你自己给你的解决方案举个例子。
.bs-docs-sidebar.affix {
    top: 20px;
}