有没有一种很好的方法来验证jQuery代码？

Question

我是一个bonifide jQuery新手,我有一些拼凑在一起的jquery代码,但是当页面加载时我一直收到错误.问题是我不确定我是否已正确关闭所有花括号和括号,并且真的很欣赏另一组眼睛:

$(document).ready(function() {
    $('#slideshow').cycle({
        fx:  'scrollLeft', 
        timeout: 8000
    });
});
    $('#freeQuote form')
       .validate({
         submitHandler: function(form) {
           $(form).ajaxSubmit({
                success: function() {
                var Image = $('<img />').attr({src:'_images/free-quote-confirm.png', width:231, height:267, alt:"Success"});
                    $('#freeQuote form').hide();
                    $('#freeQuote').append(Image)
                }
           });
         }
       }); 

  $('#news-signup form')
    .validate({
     submitHandler: function(form) {
       $(form).ajaxSubmit({
            success: function() {
            var Image = $('<img />').attr({src:'_images/register-thanks.png', width:332, height:35, alt:"Success"});
                $('#news-signup form').hide();
                $('#news-signup').append(Image)
            }
       });
     }
  }); 

我从它自己的.js文件加载.

谢谢.

Answer 1

是的,在Chrome中加载页面并按Ctrl-Shift-J打开JavaScript控制台.这将立即突出显示任何语法错误.

或者,获取Firebug for Firefox.

至于你的代码,我认为如果你不知道你在做什么,你应该从小做起.让cycle()函数先运行,然后尝试其中一个验证,然后再尝试其中一个验证.一次做一点工作,每次添加新内容时,请尝试查看它是否有效,或者是否有效,以及是否会产生错误.

一旦你进入那个阶段,遵循罗伯特的建议并通过JSLint运行它.这将告诉你你做错了什么,比如在语句末尾丢失分号.

Answer 2

是的,http://www.jslint.com/

您的代码返回以下错误:

错误:

14行第50个问题:缺少分号.

$( '#freeQuote').追加(图)

第27行的问题48:缺少分号.

$( '#新闻注册').追加(图)

隐含的全球:1,2,7,10,12,13,14,20,23,25,26,27,文件1

JSLint讨厌我所做的一切:P