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...
});

これは、私が見つけたので、うまくいきません。これを達成するにはどうすればよいですか？簡単なことのように思えますが、適切な Google 検索クエリをまとめて答えを見つけることはできないようです。

ありがとう

4

3 に答える 3

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

eventAfterRender にクリック イベント ハンドラーを追加するか、jQuery の on または live ハンドラーを使用して動的に作成されたリンクにハンドラーを追加してみてください

于 2013-02-08T12:24:42.813 に答える
0

私はそれを理解したと信じています。それ自体eventRenderを作成する方法qTipには、次のコードがあります。

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

eventこれは、カレンダーを生成するときに保存したデータに等しい変数を作成するだけです。に入る必要があるcontentため、変数を使用してリンクを追加してイベントに渡します。HTMLqTiponClick

于 2013-02-12T17:56:37.113 に答える