bxSlider 无法正常工作答案

【问题标题】：bxSlider is not working properlybxSlider 无法正常工作
【发布时间】：2013-06-24 15:08:14
【问题描述】：

由于某种原因，我无法让我的 jQuery 工作。我已经遵循了每一步，什么都没有！以下是正在发生的事情：

所有样式和 JavaScript：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js">   <\/script>')</script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" type="text/css" />

还有我的 HTML：

<ul id="bxslider">
<li><img src="1.jpg" /></li>
<li><img src="2.jpg" /></li>
<li><img src="3.jpg" /></li>
</ul>

<script type="text/javascript">
$(document).ready(function() {
    $('.bxslider').bxSlider({
        auto: true,
        autoControls: true
    });
});
</script>

【问题讨论】：

标签： javascript jquery html plugins bxslider

【解决方案1】：

您使用bxslider 作为class 启动滑块，但在您的情况下，您必须使用id 选择器，如：

$(document).ready(function () {
    $('#bxslider').bxSlider({
        auto: true,
        autoControls: true
    });
});

选择器文档：http://api.jquery.com/category/selectors/

工作小提琴：http://jsfiddle.net/IrvinDominin/UV4r4/1/

【讨论】：

【解决方案2】：

此外，您可能希望先加载 CSS，然后再加载 JavaScript 文件。

【讨论】：