Web控制台中出现奇怪的Jquery错误

Question

我正在创建一个网站，现在是firefox中的webconsole说我在第1行做错了但我不知道我做错了什么。 我把Jquery包括在内了。

$('#top_bar').click(function(){
    var val = $('#top_bar').val();

    if(val == 'Show menu'){
        $('#item').slideDown(500);
        $('#top_bar').text('Hide menu');
    }else if(val == 'Hide menu'){
        $('#item').slideUp(500);
        $('#top_bar').text('Show menu');
    }else{

    }
});

并且在另一个js文件上，控制台说我在第1行再次出现了syntaxis错误 这是代码

var width = $(window).width();
$('.image').width(width);

$(document).ready(function(){
    slide();
});

function slide(){
    var slide = $('.active').data('slide');
    if(slide == 4){
        var next = 1;
        var div = $("div").find("[data-slide='" + next + "']");
    }else{
        var next = slide + 1;
        var div = $("div").find("[data-slide='" + next + "']");
    }
    $('.active').addClass('la');
    //img hide action //

    $('.active').removeClass('active');
    $(div).addClass('active');
    $('.la').animate({width:'5%'},500);
    $('.la').removeClass('la');
    //img show action //

    $('.active').animate({width:'85%'},500);
    loop(); 
}

function loop(){
    setTimeout(function(){
        slide();
    },4000)
}

查看错误图片（荷兰语错误）

Answer 1

您可以尝试一些建议 -

第一个问题 -

如果使用ajax加载元素，则可能没有为其分配click事件。更好的方法是使用下面的 -

$(function(){
    $('body').on('click', '#top_bar', topBarClick);

    var topBarClick = function(){...};
});

第二个问题 -

您应该将所有内容都包含在文档就绪函数中，如下所示，它应该可以正常工作 -

$(function(){

    // do anything 
});