Question

我正在尝试将Basic jQuery Slider添加到我的网站。这是我的代码：

HTML：

<div id="slides">
<ul class="bjqs">
<li><a href="somelink"><img src="someimage" width="1200" height="200" title="Test"/></a></li>
<li><a href="somelink"><img src="someimage" width="1200" height="200" title="Test2"/></a></li>
</ul>
</div>

<script>
jQuery(document).ready(function($) {
    $('#slides').bjqs({
        animtype: 'slide',
        height : 1200,
        width : 200,
        responsive : true
    });
});
</script>

什么都没出现！没有图像，没有任何滑块。

jsFiddle：http://jsfiddle.net/46S6g/

Answer 1

看起来您忘了包含插件本身。

<script src="bjqs-1.3.min.js"></script>

这是一个有效的jsFiddle：http://jsfiddle.net/46S6g/3/

我已经链接到jsFiddle的External Resources窗格中的插件，并在Frameworks＆amp; amp;中加载了最新版本的jQuery。扩展面板。

希望这有帮助。

Answer 2

多数民众赞成我做了什么并且有效，就像其他人说你应该检查一下你是否真的包含了所有文件。

http://jsfiddle.net/rVHAx/1/

$(function() {
$('#slides').bjqs({
    animtype: 'slide',
    height : 200,
    width : 300,
    responsive : true
});

基本的jQuery Slider没有显示出来

2 个答案: