Question

有人可以告诉我以下代码有什么问题吗？我猜测它与Javascript的缺失括号有关，但我不能指责它。我们正在使用Full Calendar + Mandrill 非常感谢！

$(window).load(function() {
$(document).ready(function() {
    $('#calendar').fullCalendar({
        header: {
            left: '',
            center: 'title',
            right: 'prev,next today'
        },
        defaultDate: '2016-03-15',
        events: [

            {
                title: 'Event',
                start: '2016-03-26T11:00:00',
                end: '2016-03-26T12:00:00',
            },
        ],
        eventClick: function(event) {
            console.log(event)
                // alert(event.start.format('MMMM Do YYYY'))
                start = event.start.format('MMMM Do YYYY'),
                end = event.end.format('MMMM Do YYYY'),
                html = '<p>Starts: ' + start + '<p>';
            html += '<p>Ends: ' + end + '<p>';
            var modal = $("#modal");
            modal.find(".modal-title").html(event.title);
            modal.find('.modal-body').html(html)
            modal.modal();



jQuery(function($) {
 $("#contact_form").submit(function() {
    var email = $("#email").val(); // get email field value
    var name = $("#name").val(); // get name field value
    var msg = $("#msg").val(); // get message field value
    var content = "Hello "+name+ ", You have signed "+modal+ " up to XYZ";
    $.ajax({
            type: "POST",
            url: "https://mandrillapp.com/api/1.0/messages/send.json",
            data: {
                'key': 'api',
                'message': {
                    'from_email': "email",
                    'text': "Hello ",
                    'from_name': "name",
                    'headers': {
                        'Reply-To': "email"
                    },
                    'subject': 'Confirmation - Sign Up',
                    'text': content,
                    'to': [{
                        'email': email,
                        'name': name,
                        'type': 'to'
                    }]

                }
            }
      }
        })
        .done(function(response) {
            alert('You have been signed up. Thank you!'); // show success message
            $("#name").val(''); // reset field after successful submission
            $("#email").val(''); // reset field after successful submission
            $("#msg").val(''); // reset field after successful submission

        })
        .fail(function(response) {
            alert('Error sending message.');
        });
    return false; // prevent page refresh
});
});
});
});
}); //]]>

Answer 1

首先，您的代码应该有适当的缩进，
你在括号的关闭方面有一些错误，例如：你在ajax调用中有一个额外的右括号，还有其他几个，我已经纠正并粘贴了。

$(window).load(function() {
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            header: {
                left: '',
                center: 'title',
                right: 'prev,next today'
            },
            defaultDate: '2016-03-15',
            events: [

                {
                    title: 'Event',
                    start: '2016-03-26T11:00:00',
                    end: '2016-03-26T12:00:00',
                },
            ],
            eventClick: function(event) {
                console.log(event)
                    // alert(event.start.format('MMMM Do YYYY'))
                    start = event.start.format('MMMM Do YYYY'),
                    end = event.end.format('MMMM Do YYYY'),
                    html = '<p>Starts: ' + start + '<p>';
                html += '<p>Ends: ' + end + '<p>';
                var modal = $("#modal");
                modal.find(".modal-title").html(event.title);
                modal.find('.modal-body').html(html)
                modal.modal();
            }  
        )}


        jQuery(function($) {
         $("#contact_form").submit(function() {
            var email = $("#email").val(); // get email field value
            var name = $("#name").val(); // get name field value
            var msg = $("#msg").val(); // get message field value
            var content = "Hello "+name+ ", You have signed "+modal+ " up to XYZ";
            $.ajax({
                    type: "POST",
                    url: "https://mandrillapp.com/api/1.0/messages/send.json",
                    data: {
                        'key': 'api',
                        'message': {
                            'from_email': "email",
                            'text': "Hello ",
                            'from_name': "name",
                            'headers': {
                                'Reply-To': "email"
                            },
                            'subject': 'Confirmation - Sign Up',
                            'text': content,
                            'to': [{
                                'email': email,
                                'name': name,
                                'type': 'to'
                            }]

                        }
                    }
              
                })
                .done(function(response) {
                    alert('You have been signed up. Thank you!'); // show success message
                    $("#name").val(''); // reset field after successful submission
                    $("#email").val(''); // reset field after successful submission
                    $("#msg").val(''); // reset field after successful submission

                })
                .fail(function(response) {
                    alert('Error sending message.');
                });
            return false; // prevent page refresh
        });
    });
});

请立即查看。

Answer 2

这是你期望的吗？

$(window).load(function () {
$(document).ready(function () {
    $('#calendar').fullCalendar({
        header: {
            left: '',
            center: 'title',
            right: 'prev,next today'
        },
        defaultDate: '2016-03-15',
        events: [

            {
                title: 'Event',
                start: '2016-03-26T11:00:00',
                end: '2016-03-26T12:00:00',
            },
        ],
        eventClick: function (event) {
            console.log(event)
            // alert(event.start.format('MMMM Do YYYY'))
            start = event.start.format('MMMM Do YYYY'),
            end = event.end.format('MMMM Do YYYY'),
            html = '<p>Starts: ' + start + '<p>';
            html += '<p>Ends: ' + end + '<p>';
            var modal = $("#modal");
            modal.find(".modal-title").html(event.title);
            modal.find('.modal-body').html(html)
            modal.modal();
          }
       });
    });
});
jQuery(function ($) {
$("#contact_form").submit(function () {
    var email = $("#email").val(); // get email field value
    var name = $("#name").val(); // get name field value
    var msg = $("#msg").val(); // get message field value
    var content = "Hello " + name + ", You have signed " + modal + " up to XYZ";
    $.ajax({
        type: "POST",
        url: "https://mandrillapp.com/api/1.0/messages/send.json",
        data: {
            'key': 'api',
            'message': {
                'from_email': "email",
                'text': "Hello ",
                'from_name': "name",
                'headers': {
                    'Reply-To': "email"
                },
                'subject': 'Confirmation - Sign Up',
                'text': content,
                'to': [{
                    'email': email,
                    'name': name,
                    'type': 'to'
                }]

            }
        }
    })
})
.done(function (response) {
    alert('You have been signed up. Thank you!'); // show success message
    $("#name").val(''); // reset field after successful submission
    $("#email").val(''); // reset field after successful submission
    $("#msg").val(''); // reset field after successful submission

})
.fail(function (response) {
    alert('Error sending message.');
});
return false; // prevent page refresh
});

加载以下Javascript时出错

2 个答案: