jquery - 初学者试图让 jQuery anySlider 显示在页面上

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>

如果包含样式表，请确保sliderID 存在。

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