meteor'da jquery ui davranışlarını doğru bir şekilde nasıl bağlar?

Question

Meteor abonelikleri aracılığıyla doldurulan jQuery UI's .draggable() kullanarak sürülebilir bir DOM nesnesi grubu oluşturmaya çalışıyorum. Ben

Meteor.subscribe('those_absent', function() { 
    $("li.ui-draggable").draggable({ revert: "invalid" }); 
}); 
Meteor.subscribe('those_present', function() { 
    $("li.ui-draggable").draggable({ revert: "invalid" }); 
}); 

Bunlar gibi görünüyor ile geldi kod herhangi bir zaman toplama değişiklikleri böylece .draggable() davranış eklenecektir bazı Meteor.publish() çağrıları ile gelmektedir. En azından bu benim amacımdı.

Ancak, yalnızca bir kez çalışır - bu <li>'lardan biri sürüklendikten ve bırakıldıktan sonra, artık hiç bir zaman sürüklenemezler. nesneler bırakılır zaman

, ben gibi öğe için Template bağlı özel bir etkinlik ateş ediyorum bu yüzden

$("#c_absent .inner-drop").droppable({ 
     drop: function(event, ui) { 
      ui.draggable.trigger('inout.leave'); 
     } 
    }); 


    Template.loftie_detail.events = { 
     'inout.leave': function (e) { 
      Lofties.update({_id:this._id}, {$set: {present: 'N' }}); 
     } 
    }; 

Yani, benim düşünce damla üzerinde koleksiyonuna bu değişikliğin geçerlilik gerektiğidir pub/sub süreci boyunca ve yukarıdaki .draggable() hattını tekrar çalıştırın. Ama öyle görünmüyor.

bu tam kodu buraya https://github.com/sbeam/in-out/blob/master/client/inout.js görülebilir ve uygulama http://inout.meteor.com/ canlı olduğunu

Yani eğer (öğelerin rastgele değerler kaybetme veya tamamen arayüzünden kaybolan ile diğer bazı muhtemelen alakasız konular var) benim anlayış Meteor'da pub/sub çalışmalarının nasıl kapalı olduğu, bilmek güzel olurdu. Yoksa bu kullanıcı arayüzü davranışını onsuz çalışır hale getirmek için daha etkili bir yol var mı?

Answer 1

Uygulamalarımda uygulamamın yolu @lashleigh tarafından gösterilen yöntemle.

Template.myDraggableItem.events({ 
    'mouseover .workItem' : function() { 
     $(this._id).draggable(); 
    } 
}); 

Sonra böyle DragStop dinler:

Böyle kodu kullanarak dinleyen bir şablon olayı var.

$('body').on('dragstop', '.myDraggableItem', function (e) { 
    // Update the collection with the new position 
}; 

Sen aduno.meteor.com bu kodu kullanıyor uygulamayı görebilirsiniz