我的 jquery 滑块无法正常工作

Question

我对 JQuery 很陌生，我正在尝试让这个脚本工作。我正在尝试在客户网站的主页上创建一个旋转器，但我无法让它运行！我没有收到任何错误，文件是它们应该是的，我一生都无法弄清楚问题是什么！

以下是代码片段：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $("form#newsletter-form").submit(function () {
        $.post("/newsletter.ajax.php", {
            action: 'subscribe',
            email: $("form#newsletter-form input#email").val()
        }, function (json) {
            if (json.success == true) {
                $("div.form-container").empty().append("<p>Thank you for submitting your info.</p>");
            } else {
                alert(json.error);
            }
        }, 'json');
        return false;

        $(function () {
            $('#show-options').click(function () {
                $('#options').slideToggle();
                $(this).toggleClass('open');
                return false;
            });
        });

        $('#slider1').bxSlider({
            infiniteLoop: false,
            auto: true,
            pager: true
        });
    });
});
</script>

滑块是我要运行的，我想知道问题是否与它上面的函数有关，或者是否存在冲突。

谢谢。

Answer 1

我也遇到了同样的问题，但是通过使用 jQuery.noConflict 解决了这个问题：

    var j = jQuery.noConflict();
    j(document).ready(function () {
       j('#slider1').bxSlider();
});

Answer 2

我遇到了同样的问题...当我遇到“bxSlider 不是函数”这个问题时，我正在编辑 worpress 默认的“二十”主题。我检查了它是否正确加载，但后来无法弄清楚我卸载了一个名为“TubePress”的插件，滑块开始以某种方式工作。我通过安装该插件并再次运行 bxslider 再次尝试，我得到了同样的错误。所以我很确定这是由于与该插件加载的一些脚本冲突造成的。

所以我的建议是，您可以继续取消注释脚本，以找出哪个脚本与 bxslider 冲突。

抱歉，这不是一个非常令人信服的解决方案，但这就是我现在所拥有的，但如果我找出究竟是什么导致了这个问题，我会更新我的答案。

Answer 3

很可能是因为您的滑块脚本的src 不正确：

<script src="jquery.bxSlider.min.js" type="text/javascript"></script>

======================^ It isn't valid path