来自Google Calendar的jquery fullCalendar xml,如何防止onClick打开event.url

时间:2011-02-13 16:54:01

标签: jquery fullcalendar google-calendar-api

我有一个使用谷歌日历运行的工作日历,我可以从它获取事件到jQuery FullCalendar插件。

尝试使用onClick功能阻止点击将我带回Google日历详情页面时,无效。我想打开一个不同的页面,即时创建。

文档说:

  

通常,如果Event对象设置了url属性,则单击该事件将使浏览器访问事件的url(在同一窗口/选项卡中)。从函数中返回false将阻止这种情况发生。

     

通常,开发人员希望在不同的选项卡或弹出窗口中打开事件的URL。以下示例显示了如何执行此操作:

$('#calendar').fullCalendar({
    events: [
        {
            title: 'My Event',
            start: '2010-01-01',
            url: 'http://google.com/'
        }
        // other events here
    ],
    eventClick: function(event) {
        if (event.url) {
            window.open(event.url);
            return false;
        }
    }
});

当我尝试这样做时,我仍然最终得到Google日历的详细信息。我尝试alert('event.url')并返回undefined。为什么呢?

这是我的代码,(其他一切都运行得很漂亮):

eventClick: function(calEvent, jsEvent, view) {
    //alert(event.url);
    if (event.url) {
        window.open(event.url);
        return false;
    }
} 

以下是测试页:http://www.equstom.fi/equcal.html

1 个答案:

答案 0 :(得分:1)

我终于通过将网址撕掉谷歌细节来实现它的工作:

eventClick: function(e) {  
            var target = $(this).find('a').attr('href', '#');
            alert(target);
            return false
        },