Question

使用fullcalendar外部事件拖动。当我通过简单的代码（如示例scode中所写）创建那些外部事件（即将被拖动）时，使用id external-event创建div，它的工作正常。

但问题是当我通过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

我自己解决了这个问题，只有thig是动态创建的div生成字母后，这些事件是注册/ biend与jquery draggable.Only我需要做的是，我们需要将动态生成的div代码放在事件regestering部分之前。

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

试试这个！它将使外部动态数据可拖动！：）

Fullcalendar外部事件拖延问题

2 个答案: