Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.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
Bootstrap&;Javascript_Javascript_Twitter Bootstrap - Fatal编程技术网

Bootstrap&;Javascript

Bootstrap&;Javascript,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我正在使用bootstrap进行一个项目,目前为止效果良好 刚刚了解了jquery之后,我正在尽可能地使用远程操作,直到我想要完全jquery站点 在考虑这个选项时,我读了一篇文章,文章中说,应该在不使用javascript的情况下构建网站,然后使用js进行增强,这样它们的性能就会优雅地降低。很公平 采用这种方法并禁用js来测试我的站点的降级功能后,我发现我的引导下拉列表不起作用 如果引导需要js?如果是这样的话,这是否意味着要创建一个能够正常降级的站点?我需要创建一个引导版本和非引导版本?参考

我正在使用bootstrap进行一个项目,目前为止效果良好

刚刚了解了jquery之后,我正在尽可能地使用远程操作,直到我想要完全jquery站点

在考虑这个选项时,我读了一篇文章,文章中说,应该在不使用javascript的情况下构建网站,然后使用js进行增强,这样它们的性能就会优雅地降低。很公平

采用这种方法并禁用js来测试我的站点的降级功能后,我发现我的引导下拉列表不起作用


如果引导需要js?如果是这样的话,这是否意味着要创建一个能够正常降级的站点?我需要创建一个引导版本和非引导版本?

参考页面,对我来说也是一样的,你可以为此添加一些自定义css。

我不会创建两个版本的站点。如果下拉列表是您唯一关心的问题,那么我将研究何时启用javascript,并在javascript未运行时实现仅CSS版本的下拉列表(使用:hover和/或:active)

像Modernizer这样的库在检测html5特性等方面做得很好。但是如果你只想检测是否启用了javascript,那么我能想到的最快的方法就是在你的主体或html标记中添加一个类,并简单地将其作为JS初始化的一部分删除。大概是这样的:

HTML:

<body class="nojs">
    <!-- ... HTML content -->
</body>
jQuery(document).ready(function($) {
    $('body').removeClass('nojs');
});
body.nojs .dropdown:active > li,
body.nojs .dropdown:hover > li {
    display: block;
}
这将允许您编写一些简单的CSS,在禁用javascript时触发下拉可见性。大致如下:

CSS:

<body class="nojs">
    <!-- ... HTML content -->
</body>
jQuery(document).ready(function($) {
    $('body').removeClass('nojs');
});
body.nojs .dropdown:active > li,
body.nojs .dropdown:hover > li {
    display: block;
}
如果您需要更多关于如何在您的特定站点上实现此功能的说明,我需要查看一些现有的HTML标记,但希望这足以让您走上正确的轨道:)