Question

我是jQuery的新手。试图使用这个片段创建一个anythingSlider，但我只是得到没有滑块的图像。图像的div在别处定义，所有文件路径都是正确的。我改变了PolicyContainer的宽度，只是为了验证jQuery是否正常工作。这段代码有什么问题吗？什么是最可能的问题？

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js">         
    </script>
    <script src="/anythingSlider/jquery.anythingslider.min.js"></script>
    <script>
    $(document).ready(function() {
        var test = $('#PolicyContainer').width(300);
        $('#slider').anythingSlider();
    });
    </script>

Answer 1

您是否包含anythingslider.css文件？它具有基本的css样式，可以定位幻灯片并隐藏非当前的样式。

我希望在标题中看到类似的内容：

<link href="/anythingSlider/anythingslider.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="/anythingSlider/jquery.anythingslider.min.js"></script>
<script>
$(document).ready(function() {
    var test = $('#PolicyContainer').width(300);
    $('#slider').anythingSlider();
});
</script>

如果要包含样式表，请确保slider ID存在。

现在，如果它仍然无法正常工作，则可能是javascript错误。因此，如果您在现代浏览器中进行测试，请按F12并查看控制台选项卡是否有任何错误。

初学者试图让jQuery anySlider出现在页面上

1 个答案: