Question

使用整个代码编辑：第17行现在是33。

我在http://www.javascriptlint.com中运行了这段代码，它说第33行有一个缺少的分号。我添加了它，但它打破了一切。任何人都可以帮我发现错误吗？

$(document).ready(function () {

    var $container = $('.row');

    $container.imagesLoaded(function () {
        $container.masonry({
            itemSelector: '.post',
            columnWidth: 1
        });
    });


    $container.infinitescroll({
        navSelector: '#page-nav',
        nextSelector: '#page-nav a',
        itemSelector: '.post',
        loading: {
            finishedMsg: "No more entries to load.",
            img: "http://static.tumblr.com/7wtblbo/hsDlw78hw/transparent-box.png",
            msgText: "Loading..."
        },
        debug: true,
        bufferPx: 5000,
        errorCallback: function () {
            $('#infscr-loading').animate({
                opacity: 0.8
            }, 2000).fadeOut('normal')
        },  
    },

    function (newElements) {
        var $newElems = $(newElements).css({
            opacity: 0
        });
        $newElems.imagesLoaded(function () {
            $newElems.animate({
                opacity: 1
            });
            $container.masonry('appended', $newElems, true);
        });
    });


    $(window).resize(function () {
        $('.row').masonry();
    });


    setTimeout(function () {
        $container.masonry({
            appendedContent: $(newElements)
        });
        /* repair audio players*/
        $('.audio').each(function () {
            var audioID = $(this).attr("id");
            var $audioPost = $(this);
            $.ajax({
                url: '/api/read/json?id=' + audioID,
                dataType: 'jsonp',
                timeout: 50000,
                success: function (data) {
                    $audioPost.append('\x3cdiv style=\x22background-color:white;height:30px\x22 class=\x22audio_player\x22\x3e' + data.posts[0]['audio-player'] + '\x3c/div\x3e');
                }
            });
        });


    }, 2000);
});

Answer 1

在第16行删除它是错误的！
就像在第17行一样！

Answer 2

}，2000）.fadeOut（'normal'）;

errorCallback: function () { 
    $('#infscr-loading').animate({ 
        opacity: 0.8 
    }, 2000).fadeOut('normal');
}

<强>更新

$container.infinitescroll({ 
    navSelector: '#page-nav', 
    nextSelector: '#page-nav a', 
    itemSelector: '.post', 
    loading: { 
        finishedMsg: "No more entries to load.", 
        img: "http://static.tumblr.com/7wtblbo/hsDlw78hw/transparent-box.png", 
        msgText: "Loading..." 
    }, 
    debug: true, 
    bufferPx: 5000, 
    errorCallback: function () { 
        $('#infscr-loading').animate({ 
            opacity: 0.8 
        }, 2000).fadeOut('normal');
    }
});

Answer 3

进行以下更改：

第27行：添加分号
第28行：删除逗号

行号用于编辑代码

Jslint缺少分号错误

3 个答案: