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

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

所以我的建议是，您可以继续使用未注释的脚本来找出与bxslider冲突的脚本。

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

Answer 3

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

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

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

我的jquery滑块无法正常工作

3 个答案: