Question

我的更改问题是在我的fullcalendar中使用提示而不是弹出添加事件。我已经从SO示例中尝试了一些解决方案：Full Calendar Add event not via promot？

这个解决方案现在让我工作，但只有一个！当我点击日历时有工作弹出窗口，事件存储在我的数据库中。但是当我尝试通过点击添加下一个事件时，仍有来自上一个事件的文本，当我尝试更改并使用提交按钮添加下一个事件时，没有发生。只有刷新网站后才能添加下一个事件。

无论如何这是我的弹出代码：

$(document).ready(function () {
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    var calendar = $('#calendar').fullCalendar({
        aspectRatio: 1.45,
        droppable: true,
        weekend: true,
        firstHour: 7,
        columnFormat: {
          month: 'dddd',    
          week: 'ddd, dS', 
          day: 'dddd, MMM dS'
       },
        header: {
            right: 'prev,next',
            center: 'title',
            left: 'month,agendaWeek,agendaDay'
       },
        viewDisplay: function(view) {
              try {
                  setTimeline();
              } catch(err) {}
       },          
        agenda: 'h:mm{ - h:mm}',
                '': 'h(:mm)t',
        drop: function (date, allDay) {
            var originalEventObject = $(this).data('eventObject');
            var copiedEventObject = $.extend({}, originalEventObject);
            copiedEventObject.start = date;
            copiedEventObject.end = new Date(date.getDate()+2);
            copiedEventObject.allDay = allDay;
            start = $.fullCalendar.formatDate(copiedEventObject.start, "yyyy-MM-dd HH:mm:ss");
            end = $.fullCalendar.formatDate(copiedEventObject.end, "yyyy-MM-dd HH:mm:ss");
            $.ajax({
                    url: '<?php echo SITEURL; ?>/fullcalendar/add_events.php',
                    data: 'title=' + copiedEventObject.title + '&start=' +start + '&end=' +end + "&backgroundColor=" + copiedEventObject.backgroundColor + '&creator=<?php print_r($_SESSION["uid"]); ?>',
                    type: "POST",
                    success: function (response) {
                        console.log(response);
                        $('#calendar').fullCalendar('refetchEvents');
                    }
                });
            if ($('#drop-remove').is(':checked')) {
                $(this).remove();
            }
        },
        editable: true,
        defaultView: 'agendaWeek',
        firstDay: 1,
        handleWindowResize: true,
        dragOpacity: 0.7,
        allDayDefault: false,
        events: "<?php echo SITEURL; ?>/fullcalendar/events.php?creator=<?php print_r($_SESSION['uid']); ?>",
        timeFormat:  'HH:mm { - HH:mm}',
        selectable: true,
        selectHelper: true,
        select: function (start, end, allDay) {
            $(".popup").show();
            $(".submitForm").click(function(){
                var title = $(".title").val();
                if (title) {
                    start = $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm:ss");
                    end = $.fullCalendar.formatDate(end, "yyyy-MM-dd HH:mm:ss");
                    $.ajax({
                        url: '<?php echo SITEURL; ?>/fullcalendar/add_events.php',
                        data: 'title=' + title + '&start=' + start + '&end=' + end +  '&creator=<?php print_r($_SESSION["uid"]); ?>',
                        type: "POST",
                        success: function (json) {
                            console.log(json);
                            $('#calendar').fullCalendar('refetchEvents');
                        }
                    });
                 console.log("start " + start + " end " + end);
                }
                calendar.fullCalendar('unselect');
                $(".popup").hide();
            });
            $(".exit").click(function(){
             // clear all info, unselect events and...
              $(".popup").hide();
            });
        },
        eventDrop: function (event, delta) {
            start = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm:ss");
            end = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm:ss");
            $.ajax({
                url: '<?php echo SITEURL; ?>/fullcalendar/update_events.php',
                data: 'title=' + event.title + '&start=' + start + '&end=' + end + '&id=' + event.id,
                type: "POST",
                success: function (response) {
                         console.log(response);
                  }
            });
        },
        eventClick: function (event, jsEvent, view) {
            if (confirm("Really delete event " + event.title + "with id " + event.id + "?") ) {
               $.ajax({
                url:   "<?php echo SITEURL; ?>/fullcalendar/delete_event.php",
                data: 'eid='+event.id,
                type: "POST",
                success: function (response) {
                      console.log(response); 
                      calendar.fullCalendar('removeEvents', event.id);
                  }
                });
            }
        },
        eventResize: function (event) {
            start = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm:ss");
            end = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm:ss");
            $.ajax({
                url: '<?php echo SITEURL; ?>/fullcalendar/update_events.php',
                data: 'title=' + event.title + '&start=' + start + '&end=' + end + '&id=' + event.id,
                type: "POST",
                success: function (response) {
                      console.log(response);
                }
            });
        }
    });
    $('#external-events div.external-event').each(function () {
        var eventObject = {
            title: $.trim($(this).text()),
            backgroundColor : $.trim($(this).attr('bgc'))
        };
        $(this).data('eventObject', eventObject);
        $(this).draggable({
            zIndex: 999,
            revert: true, 
            revertDuration: 0
        });
    });
});

我的HTML

<div class="popup" style="display:none; position:fixed; top:25%; left:25%; background-color:white;">
  <input class"title" type="text" size="26" />
  <a href="#" onclick="return false" class="submitFrom">submit</a>&emsp;
  <a href="#" onclick="return false" class="exit">cancel</a>
</div>

我将非常感谢任何帮助。非常感谢！！！！！提交取消

Answer 1

更新

这是一个更新的小提琴：http://jsfiddle.net/Nw3fL/2/ 现在显示.popup div，并且您的点击事件已注册。

问题：

您更新的代码中存在语法错误，因为您没有关闭绑定到$('.submitForm')点击事件的函数
'submitForm'拼写错误的Html
文本输入的class属性在其值（class"title"）之前没有等号

我将重申我关于使用浏览器控制台进行调试的建议。了解你的工具非常重要：）。

原始答案

您有一个语法错误（x2），您尝试在字符串中打印php会话变量：

'&creator=<?php print_r($_SESSION['uid']); ?>'

uid之前的单引号被解析为字符串的结尾引用“＆amp; creator =＆lt;？php print_r（$ _ SESSION [”。

相反，对于外部字符串与内部字符串使用两种不同类型的引号（两者都可以）：

'&creator=<?php print_r($_SESSION["uid"]); ?>'
 // or 
"&creator=<?php print_r($_SESSION['uid']); ?>"

下次，您可以使用browser console查看任何JS错误。

而不是弹出的全日历更改提示

1 个答案:

更新

原始答案