javascript - 我的 jquery slider 无法正常工作

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>

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

谢谢。

Answer 1

我也遇到了同样的问题，但通过使用 jQuery.noConflict 解决了该问题:

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