Javascript 完整日历保留在第页_Javascript_Jquery_Html_Fullcalendar

Javascript 完整日历保留在第页

javascript jquery html fullcalendar

Javascript 完整日历保留在第页,javascript,jquery,html,fullcalendar,Javascript,Jquery,Html,Fullcalendar,我正在尝试通过完整日历实现日历。我可以做我需要的一切，除了在用户单击事件后尝试加载JQuery对话框。我知道在“eventclick”部分返回false会使它留在页面上，但是添加任何类型的函数似乎都会否定这样做。我需要能够加载对话框，而不需要将我带到谷歌日历页面。这是我的密码： <html> <link rel='stylesheet' href='fullcalendar-2.0.2/fullcalendar.css' /> <script src='fullca

我正在尝试通过完整日历实现日历。我可以做我需要的一切，除了在用户单击事件后尝试加载JQuery对话框。我知道在“eventclick”部分返回false会使它留在页面上，但是添加任何类型的函数似乎都会否定这样做。我需要能够加载对话框，而不需要将我带到谷歌日历页面。这是我的密码：

<html>
<link rel='stylesheet' href='fullcalendar-2.0.2/fullcalendar.css' />
<script src='fullcalendar-2.0.2/lib/jquery-1.10.2.js'></script>
<script src='fullcalendar-2.0.2/lib/jquery-ui.custom.min.js'></script>
<script src='fullcalendar-2.0.2/lib/moment.min.js'></script>
<script src='fullcalendar-2.0.2/fullcalendar.js'></script>
<script src='fullcalendar-2.0.2/gcal.js'></script>

<div id='calendar' style="width:75%;height:75%"></div>

<script>


$(document).ready(function() {



    $('#calendar').fullCalendar({
        events: 'https://www.google.com/calendar/feeds/myFeed',

            eventClick: function(calEvent, jsEvent, view) {     
        var temp= loadDialog(calEvent.description,calEvent.location,calEvent.title);
        return false;
        }

    });
});
</script>


<script>

$(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 500
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });


  });

function loadDialog(description,location,title)
{

$("#className").val(title);
$("#location").val(location);
$("#description").val(description);
 $( "#dialog" ).dialog( "open" );
}
return false;
</script>


<div id="dialog" title="Class Information">
    <h2 id="className"></h2></br>
    <h1 id="location"></h1></br>
  <div id="description"></div>
</div>

</html>


$（文档）.ready（函数（）{
$（“#日历”）.fullCalendar({
事件：'https://www.google.com/calendar/feeds/myFeed',
eventClick:function（calEvent、jsEvent、view）{
var temp=loadDialog（calEvent.description、calEvent.location、calEvent.title）；
返回false；
}
});
});
$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
展示：{
效果：“盲”，
持续时间：500
},
隐藏：{
效果：“爆炸”，
持续时间：1000
}
});
});
函数加载对话框（描述、位置、标题）
{
$（“#类名”）.val（标题）；
$（“#位置”）.val（位置）；
$（“#说明”）.val（说明）；
$（“对话框”）。对话框（“打开”）；
}
返回false；

一如既往地谢谢你

那么这个事件仍然是有联系的。即使您的代码工作正常，

href

也会将您带到另一个页面。所以，去掉这个链接。我是这样做的：

$('#calendar').fullCalendar({
    events: 'https://www.google.com/calendar/feeds/myFeed',
    eventRender: function (calEvent, element) {
        element.attr('href', 'javascript:void(0);');
        element.attr('onclick', 'loadDialog("' + calEvent.description + '","' + calEvent.location + '","' + calEvent.title + '");');
    }
});

您还需要将

加载对话框中的.val（
更改为.html（
val
用于表单元素）