2013-02-07 66 views
1

我正在使用fullCalendar並且讓它在單擊事件時生成qTip(顯示一組關於該元素的細節)。我想在qTip中有幾個鏈接是基於被點擊的元素(因此是動態鏈接)。鏈接將提供編輯fullCalendar事件所基於的基礎數據庫記錄的方法。我想有一些回電的方式來處理這個問題。qtip - 向工具提示本身添加一些鏈接?

下面是我建立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... 
}); 

這一點,所以我發現,不工作。我該如何去實現這一目標?這似乎是一件簡單的事情,但看起來似乎沒有把一個體面的谷歌搜索查詢找到答案。

感謝

回答

0

我相信我明白了。在我eventRender方法,我創建qTip本身,我有以下代碼:

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

,簡單地創建一個變量等於我存儲在event時,我產生了日曆的一些數據。 contentHTML進入qTip - 所以我添加一個鏈接使用我的變量傳遞到onClick事件。

0

嘗試增加在eventAfterRender Click事件處理程序,或使用jQuery的或現場處理程序添加處理程序來動態創建的鏈接

0

可以綁定上呈現事件雙擊:

eventRender: function(event, element) { 
    element.qtip({ 
     content: event.description, 
    }); 
    element.bind('dblclick', function() { 
     //put there some code for 
    }); 
}, 
+0

我不知道這是如何幫助。我爲什麼要做一個雙擊事件?我想在qTip窗口中有幾個鏈接是基於點擊事件動態的。對不起,我想我可能會錯過你的答案。 – Garfonzo