Javascript的问题，它不允许加载完整日历

Issue with Javascript, it won't allow the Full Calendar to load

本文关键字：加载 日历 不允许 问题 Javascript      更新时间：2023-09-26

有人可以告诉我以下代码有什么问题吗？我猜这与Javascript缺少括号有关，但我不能把手指放在上面。我们如何使用变量模态 = $（"#modal"）; 其中，var 内容 ="你好"+ 名称 + "，您已签名"+ 模态 +"最多 XYZ";

当我们实现此代码时，网站的完整日历 HTML 消失了。多谢！

$(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
    });
});
  });

更改以下内容： 

      modal.modal();
    }  
)} //<-----this

对此： 

      modal.modal();
    }  
}) //<----this

简化完整代码： 

$(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();
      }
    }) //<-----this one 

  $("#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
  });
});
相关文章：