Bootstrap 3.1.1:产品滑块不起作用

时间:2015-04-17 21:54:55

标签: javascript jquery html css twitter-bootstrap

我想在我的bootstrap 3.1.1网站中显示产品滑块,就像this一样  或者this问题是,当我添加给定的html和css作为并按向右箭头滑动产品时,它们会被移动到接下来的4个产品,但滑动效果从来没有只有文本和图像更改,因为我点击下一个/前箭头。我添加了bootstrap js和jquery

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

我按照给定的指示复制了所有代码,但仍然没有显示所需的幻灯片效果,有人可以帮我解决它丢失的问题。代码可以从给定的链接中看出

2 个答案:

答案 0 :(得分:1)

你应该在Bootstrap之前加载jQuery和一个版本。

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>

Bootstrap的JavaScript插件首先需要加载jQuery才能使用。

答案 1 :(得分:0)

你会试试吗?添加 https:

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>