2011-08-05 81 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 
    }); 
}); 

試試這個!它會使外部動態數據可拖動! :)