全日曆留在頁面

我正試圖通過完整日曆實現日曆。我能夠做我需要的一切，除了我試圖在用戶點擊事件後加載JQuery對話框。我知道，在「eventclick」部分返回false將使其保留在頁面上，但添加任何類型的函數似乎否定這樣做。我需要能夠加載對話框，而無需將其帶到Google日曆頁面。這裏是我的代碼：全日曆留在頁面

<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>

一如既往的感謝！

來源

2014-09-02 abronco33

那麼事件仍然是連接的。即使您的代碼正常工作，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(在loadDialog至.html(。 val用於表單元素。

來源

2014-09-03 23:51:35 MikeSmithDev

完美。謝謝！ – abronco33 2014-09-04 14:15:21

全日曆留在頁面

回答

相關問題