函数体后面的Jquery语法错误}

时间:2015-09-12 09:25:36

标签: javascript jquery

我已尝试过此代码以及其他类型的代码,但我不明白如何正确理解

   jQuery(document).ready(function($){
    //jQuery.noConflict();
    var jc_message = ['Loading...',
    'Please enter your name.',
    'Please enter your email address.',
    'Please enter a valid email address.',
    'Please enter your comment.',
    'Your comment has been added.',
    'JC error!'];

    var jc_url = $("#jc_url").val();
    var jc_url_close = $("#jc_url_close").val();
    var form, err, reply;
    function jc_scripts() {
        $('#commentform').after('<div class="jc-modal"><img src="'+jc_url_close+'" id="loading" alt="close" /><div id="error" class= "error"></div></div>');
        $('#submit').after('<img src="'+jc_url+'" id="loading" alt="'+jc_message[0]+'" />');
        $('#loading').hide();
        form = $('#commentform');
        err = $('#error');
        reply = false;
    }
    jc_scripts();
    $("#comments,#reviews").on("click",".comment-reply-link",function(){
        reply = $(this).parents('.depth-1').attr('id');
        err.empty();
    });
    $("#comments,#reviews").on("click","#cancel-comment-reply-link",function(){
        reply = false;
    });
    $("#comments,#reviews").on("submit","#commentform",function(evt){
        err.empty();
        if(form.find('#author')[0]) {
            if(form.find('#author').val() == '') {
                err.html('<span class="error">'+jc_message[1]+'</span>');
                $(".jc-modal").fadeIn();
                setTimeout(function() {$(".jc-modal").fadeOut();}, 3000);
                return false;
            }
            if(form.find('#email').val() == '') {
                err.html('<span class="error">'+jc_message[2]+'</span>');
                $(".jc-modal").fadeIn();
                setTimeout(function() {$(".jc-modal").fadeOut();}, 3000);
                return false;
            }
            var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if(!filter.test(form.find('#email').val())) {
                err.html('<span class="error">'+jc_message[3]+'</span>');
                $(".jc-modal").fadeIn();
                setTimeout(function() {$(".jc-modal").fadeOut();}, 3000);
                if (evt.preventDefault) {evt.preventDefault();}
                return false;
            }
        } 
        if(form.find('#comment').val() == '') {
            err.html('<span class="error">'+jc_message[4]+'</span>');
            $(".jc-modal").fadeIn();
            setTimeout(function() {$(".jc-modal").fadeOut();}, 3000);
            return false;
        }
        $(this).ajaxSubmit({
            beforeSubmit: function() {
                $('#loading').show();
                $('#submit').attr('disabled','disabled');
                }, // end beforeSubmit
                error: function(request){
                    err.empty();
                    var data = request.responseText.match(/<p>(.*)<\/p>/);
                    err.html('<span class="error">'+ data[1] +'</span>');
                    $(".jc-modal").fadeIn();
                    setTimeout(function() {$(".jc-modal").fadeOut();}, 3000);
                    $('#loading').hide();
                    $('#submit').removeAttr("disabled");
                    return false;
                }, // end error()
                success: function(data) {
                    try {
                    // if the comments is a reply, replace the parent comment's div with it
                    // if not, append the new comment at the bottom
                    var response = $("<ol>").html(data);
                    if(reply != false) {
                        $('#'+reply).replaceWith(response.find('#'+reply));
                        $('.commentlist').after(response.find('#respond'));
                        jc_scripts();
                    } else {
                        var ctnComment= $("#comments");
                        var elBody= $("<div>"+data.replace(/[\n\r]/g, "")+"</div>");
                        //$('#comments').load(''+data+'  #comments ol li');
                        //elItems = $(''+data+'  #comments ol li');
                        elItems = elBody.find("#comments ol li");
                        title = elBody.find('#comments > h2').html();
                        //alert(elItems);
                        ctnComment.find("#comments-title").remove();
                        ctnComment.find("ol").remove();

                        var ctnListComments= $("<ol />",{"class":"commentlist comment-list"});
                        ctnListComments.append(elItems);
                        ctnComment.prepend(ctnListComments);
                        ctnComment.prepend('<h2 id="comments-title">'+title+'</h2>');
                    }
                    form.find('#comment').val('');
                    err.html('<span class="success">'+jc_message[5]+'</span>');
                    $('#submit').removeAttr("disabled");
                    $('#loading').hide();
                    $(".jc-modal").fadeIn();
                    setTimeout(function() {$(".jc-modal").fadeOut();}, 3000);
                    $("#recaptcha_reload_btn img").click();
                    $("p.stars span a").removeClass('active');
                } catch (e) {
                    $('#loading').hide();
                    $('#submit').removeAttr("disabled");
                    alert(jc_message[6]+'\n\n'+e);
                    $("#recaptcha_reload_btn img").click();
                }
            } 
        }); 
    return false; 
    });
    $("#comments,#reviews").on("click",".jc-modal > img",function(){
        $(".jc-modal").hide();
    });
    });

是否有任何遗漏的标记要关闭,或者我尝试用另一个});关闭jQuery,但我无法使用与消息相同的对话框

  

语法错误缺失}

在功能体

之后

修改

这是我在wordpress评论中尝试的功能

add_action('wp_head','addImages');
add_action('admin_enqueue_scripts','addImages');

function addImages(){ ?>
<?php bloginfo('template_directory'); ?>
<input id = "jc_url" type="hidden" value="<?php bloginfo('template_directory'); ?>/css/images/loading.gif">
<input id = "jc_url_close" type="hidden" value="<?php bloginfo('template_directory'); ?>/css/images/close.png">
<?php }

1 个答案:

答案 0 :(得分:0)

if子句中有一些语法错误,我解决了这个问题:

if(form.find('#comment').val() == ' ') {
        err.html('<span class="error">'+jc_message[4]+'</span>');
        $(".jc-modal").fadeIn();
        setTimeout(function() {$(".jc-modal").fadeOut();}, 3000);
        return false;
    }

您的完整工作:jsFiddle Without any Syntax error

相关问题