我的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();
});