2011-08-05 35 views
0

正在使用fullcalendar外部事件拖动。当我通过简单的代码创建外部事件(即将被拖动) 。Fullcalender外部事件dragg问题

但问题是,当我通过jQuery代码创建这些外部事件,并将这些生成的事件div附加到external-events 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> 
+0

请问您可以发布您的代码吗?(也在此帖子下方添加一条评论,以便我知道您已经发布您的代码!:)) –

+0

@Nicola我已附上代码请看看。 – sourav

回答

0

我已经自己解决了问题, 只有THIG是茨艾伦动态创建的div是这些事件发生后,信被注册/掺混物使用jQuery draggable.Only件事我需要做的是,我们需要将动态生成的div代码放在事件缓冲部分之前。

+0

我尝试了它与生成简单的动态股利和注册它的作品。 – sourav

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

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