如何解决jquery bug

Question

我目前有一个jQuery的bug不确定如何解决它。

我想我可能有很多或没有足够的结束标签？

任何帮助将不胜感激！ 请参考下面

$(document).ready(function(){ 
    $('#main-tab a').click(function (e) { 
     e.preventDefault() 
     $(this).tab('show') 
    }) 


    // pagination margins 
    var length = $('.pagination li a').length; 
    for(var a = 0; a <= length; a++){ 
     if(a == length-1){ 
      $('.pagination li:nth-child('+a+')').find('a').addClass('pagi-margin-item1'); 
     } else if(a == (length-length)+2){ 
      $('.pagination li:nth-child('+a+')').find('a').addClass('pagi-margin-item2'); 
     } 

    } 
    //slider for age of create profile 
    $("#slider-range").slider({ 
     range: true, 
     min: 10, 
     max: 120, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
     $("#age-from").val(ui.values[ 0 ]).css('text-align', 'center'); 
      $("#age-to").val(ui.values[ 1 ]).css('text-align', 'center'); 
     } 
    }); 
    $("#age-from").val($("#slider-range").slider("values", 0)); 
    $("#age-to").val($("#slider-range").slider("values", 1)); 
}); 


     //table jquery to make the first column look disables and its style 
    $('table.table td:first-child').css({'background-color':'rgba(219, 217, 217, 0.36);', 
    'color':'rgba(197, 195, 192, 0.76)'}); 
    $('table td').addClass('table-style'); 
}); 

Answer 1

代码来检查代码，我通常会去http://jsfiddle.net网站，并执行JSHint行动来验证码。所有错误都将通过红色标记突出显示。

你也可以试试这个参考网站：http://www.jslint.com/

尝试自己重现这些网站上的语法错误搜索。

这里是有效的JS代码：

$(document).ready(function() { 
    $('#main-tab a').click(function (e) { 
     e.preventDefault(); 
     $(this).tab('show'); 
    }); 


    // pagination margins 
    var length = $('.pagination li a').length; 
    for (var a = 0; a <= length; a++) { 
     if (a == length - 1) { 
      $('.pagination li:nth-child(' + a + ')').find('a').addClass('pagi-margin-item1'); 
     } else if (a == (length - length) + 2) { 
      $('.pagination li:nth-child(' + a + ')').find('a').addClass('pagi-margin-item2'); 
     } 

    } 
    //slider for age of create profile 
    $("#slider-range").slider({ 
     range: true, 
     min: 10, 
     max: 120, 
     values: [75, 300], 
     slide: function (event, ui) { 
      $("#age-from").val(ui.values[0]).css('text-align', 'center'); 
      $("#age-to").val(ui.values[1]).css('text-align', 'center'); 
     } 
    }); 
    $("#age-from").val($("#slider-range").slider("values", 0)); 
    $("#age-to").val($("#slider-range").slider("values", 1)); 
}); 


//table jquery to make the first column look disables and its style 
$('table.table td:first-child').css({ 
    'background-color': 'rgba(219, 217, 217, 0.36);', 
     'color': 'rgba(197, 195, 192, 0.76)' 
}); 
$('table td').addClass('table-style');