jquery - javascript 和 jquery 的新手。我没有正确关闭某些东西吗？Dreamweaver 仅显示“语法错误”

Question

<script>
    $(document).ready(function () {
        // Code to bring each link on to screen and in position
        $("#link1").animate({
            left: '30px',
            top: '5px'
        }, 1000);
        $("#link2").animate({
            left: '80px',
            top: '5px'
        }, 1400);
        $("#link3").animate({
            left: '130px',
            top: '5px'
        }, 1400);
        $("#link4").animate({
            left: '180px',
            top: '5px'
        }, 1600);
        $("#link5").animate({
            left: '230px',
            top: '5px'
        }, 1800);

        // Fade in & out on hover
        $("#link1").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link2").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link3").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link4").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link5").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Nudge the link when "clicked"
        $("#link1").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link1").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link2").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link2").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link3").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link3").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link4").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link4").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link5").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link5").mouseup(function () {
            $(this).css("padding-top", "0px");
        });



        // Parallax Scroll
        $(window).bind('scroll', function (e) {
            parallaxScroll();
        });

        function parallaxScroll() {
                var scrolledY = $(window).scrollTop();
                $('#bblogo1').css('top', '-' + ((scrolledY * 0.6)) + 'px');
                $('#bblogo2').css('top', '-' + ((scrolledY * 0.5)) + 'px');
                $('#bblogo3').css('top', '-' + ((scrolledY * 0.3)) + 'px');
                $('#bblogo4').css('top', '-' + ((scrolledY * 0.9)) + 'px');
                $('#bblogo5').css('top', '-' + ((scrolledY * 0.6)) + 'px');
                $('#bblogo6').css('top', '-' + ((scrolledY * 0.1)) + 'px');
                $('#bblogo7').css('top', '-' + ((scrolledY * 0.4)) + 'px');

                $('#bbspinner').animate(function (){
                    $(this).css
("background","url(images/bblogorender0000.png)");
                });

         });
</script>

Answer 1

除了上面来自 ohgodwhy 的答案之外，您也没有关闭您的 document.ready。您当前的最后一行是：

所以你需要像上面一样关闭你的视差滚动，但你还需要关闭你的 document.ready

});

在声明该功能之前。

Answer 2

就在最后，在 的底部parallaxScroll，你需要在你有的}之前放一个。关闭文档调用});从一开始就开始，所以你需要它，但你需要先关闭函数：});readyparallaxScroll

    function parallaxScroll() {
            var scrolledY = $(window).scrollTop();
            $('#bblogo1').css('top', '-' + ((scrolledY * 0.6)) + 'px');
            $('#bblogo2').css('top', '-' + ((scrolledY * 0.5)) + 'px');
            $('#bblogo3').css('top', '-' + ((scrolledY * 0.3)) + 'px');
            $('#bblogo4').css('top', '-' + ((scrolledY * 0.9)) + 'px');
            $('#bblogo5').css('top', '-' + ((scrolledY * 0.6)) + 'px');
            $('#bblogo6').css('top', '-' + ((scrolledY * 0.1)) + 'px');
            $('#bblogo7').css('top', '-' + ((scrolledY * 0.4)) + 'px');

            $('#bbspinner').animate(function (){
                $(this).css("background","url(images/bblogorender0000.png)");
            });
    } // <==== Here
});

Answer 3

将您的代码替换为缺少右括号的代码

       $(document).ready(function () 
        // Code to bring each link on to screen and in position
                      {  $("#link1").animate({
            left: '30px',
            top: '5px'
        }, 1000);
        $("#link2").animate({
            left: '80px',
            top: '5px'
        }, 1400);
        $("#link3").animate({
            left: '130px',
            top: '5px'
        }, 1400);
        $("#link4").animate({
            left: '180px',
            top: '5px'
        }, 1600);
        $("#link5").animate({
            left: '230px',
            top: '5px'
        }, 1800);

        // Fade in & out on hover
        $("#link1").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link2").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link3").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link4").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link5").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Nudge the link when "clicked"
        $("#link1").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link1").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link2").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link2").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link3").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link3").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link4").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link4").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link5").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link5").mouseup(function () {
            $(this).css("padding-top", "0px");
        });



        // Parallax Scroll
        $(window).bind('scroll', function (e) {
            parallaxScroll();
        });

        function parallaxScroll() {
                var scrolledY = $(window).scrollTop();
                $('#bblogo1').css('top', '-' + ((scrolledY * 0.6)) + 'px');
                $('#bblogo2').css('top', '-' + ((scrolledY * 0.5)) + 'px');
                $('#bblogo3').css('top', '-' + ((scrolledY * 0.3)) + 'px');
                $('#bblogo4').css('top', '-' + ((scrolledY * 0.9)) + 'px');
                $('#bblogo5').css('top', '-' + ((scrolledY * 0.6)) + 'px');
                $('#bblogo6').css('top', '-' + ((scrolledY * 0.1)) + 'px');
                $('#bblogo7').css('top', '-' + ((scrolledY * 0.4)) + 'px');

                $('#bbspinner').animate(function (){
                    $(this).css
("background","url(images/bblogorender0000.png)");
                });
        }
                      });

您可以在此处检查 Javascript 验证http://jsfiddle.net/

Answer 4

您可以使用 }) 结束文档准备就绪；但它会在某些浏览器中自动验证，

我建议在IE上测试你的应用程序，这样你就会知道语法错误。