1

我正在使用 fullCalendar 并拥有它，以便在单击事件时生成 qTip（显示有关该元素的一堆详细信息）。我想在 qTip 中有一些基于被点击元素的链接（因此，动态链接）。这些链接将提供一种方法来编辑 fullCalendar 事件所基于的基础数据库记录。我想有一些回调方式来处理这个问题。

以下是我在 fullCalendar 中构建 qTip 的方法：

   eventRender: function(event, element) {
        element.qtip({
          content: {
            text: "Loading WO info...",
            ajax: {
              url: "/schedule/get-wo-details/",
              type: 'GET',
              data: { woID: event.woID },
              dataType: 'json',
              success: function(data, status) {
                var content = "<table class='qtip-table'>"
                content += "<table>...add content here...";
                content += "<center>";
                // Here are my links...
                content += "<a href='#'>Unschedule</a> | ";
                content += "<a id='qtip-link' href='#'>Edit Note</a>";
                content += "</center>";
                this.set('content.text', content);
              }
            }
          },
          show: {
            event: 'click',
          },
          hide: {
            fixed: true,
            delay: 1000
          },
          position: {
            viewport: $("#calendar"),
            effect: false,
            at: "left-center",
            my: "right-center"
          }
        });

我想知道我是否可以做类似的事情：

$("#qtip-link").click(function(){
    // Do some ajax magic here...
});

这个，所以我发现，行不通。我该如何实现这一目标？这似乎是一件简单的事情，但似乎无法组合一个像样的谷歌搜索查询来找到答案。

谢谢

4

3 回答 3

0

尝试在 eventAfterRender 中添加 click 事件处理程序，或使用 jQuery 的 on 或 live 处理程序将处理程序添加到动态创建的链接

于 2013-02-08T12:24:42.813 回答
0

您可以绑定双击呈现的事件：

eventRender: function(event, element) {
    element.qtip({
        content: event.description,
    });
    element.bind('dblclick', function() {
        //put there some code for
    });
},
于 2013-02-08T14:50:42.933 回答
0

我相信我想通了。在eventRender我创建qTip自身的方法中，我有以下代码：

var e = event.woID;
content += "<a href='#' onclick=unscheduleEvent('" + e + "')>Unschedule</a> | ";

这只是创建了一个变量，该变量等于我在event生成日历时存储的一些数据。这content是HTML要进入的qTip- 所以我使用我的变量添加一个链接以传递给onClick事件。

于 2013-02-12T17:56:37.113 回答