完整日历外部事件拖拽问题

Question

我正在使用fullcalendar外部事件拖拽。当我创建这些外部事件(将被拖动)通过简单的代码(写在示例scode)创建div与id外部事件它的工作很好。

但是问题是，当我通过jquery代码创建这些外部事件，并将这些生成的事件div附加到外部事件div.然后我无法拖动这些事件。

var dat;
$(document).ready(function() {

    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", 
            { 
            tags: "cat", 
            tagmode: "any", 
            format: "json" 
            }, 
            function(data) { 
            dat=data;
            $.each(data.items, function(i,item){ 
            //generating the event dynamically.all event are creating but not draggable.
        $('#external-events').append("<div class='external-event'>ghgh</div>");
           }); 
    )};

Html代码

 <div id='external-events'> <h4>Draggable Events</h4> <p> <input
 type='checkbox' id='drop-remove' /> <label for='drop-remove'>remove
 after drop</label> </p> </div>

Answer 1

我已经自己解决了这个问题，只有这些动态创建的div是生成字母后，这些事件是注册/绑定与jquery可拖动。我只需要做的是，我们需要把动态生成的div代码放在事件注册部分之前。

Answer 2

$.each(data.items, function(i,item){ 
//generating the event dynamically.all event are creating but not draggable.
    $('#external-events').append("<div class='external-event'>ghgh</div>");
    $('#external-events div.external-event').draggable({
        zIndex: 999,
        revert: true,      // will cause the event to go back to its
        revertDuration: 0  //  original position after the dra
    });
});

试试这个!它将使外部动态数据可拖动!:)