流星のjquery UIの振る舞いを正しくバインドする方法は？

Question

jQuery UIの.draggable()を使用して、ドラッグ可能なDOMオブジェクトのグループを作成しようとしていますが、これはMeteorサブスクリプションによって作成されます。私は

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

これらのようなルックスを思い付いたコードは、いつでも、コレクションが変更されるように、.draggable()行動が添付されますが、いくつかのMeteor.publish()通話に対応しています。少なくとも、それは私の意図だった。

しかし、これは一度しか動作しません - これらのうちの1つがドラッグアンドドロップされると、もうドラッグできなくなります。オブジェクトが破棄された場合

、私のような項目についてTemplateに添付されたカスタムイベントを発射していますので、

$("#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' }}); 
     } 
    }; 

だから、私の考えでは、ドロップのコレクションにこの変更が伝播しなければならないということですpub/subプロセスを介して上記の.draggable()行を再実行してください。しかしそれはそうではないようです。

このための完全なコードはここhttps://github.com/sbeam/in-out/blob/master/client/inout.js見ることができ、アプリがhttp://inout.meteor.com/でのライブです

もしそうなら（アイテムのランダムな値を失うか、完全にUIから消えると他のいくつかのおそらく無関係な問題があります）の私の理解メテオのパブ/サブ作品がどのようにオフになっているかは、知っておくと良いでしょう。または、このUIビヘイビアバインドを実現するための効率的な方法がありますか？

Answer 1

私のアプリでこれを実装した方法は、@lashleighで示された方法です。

私はこのようなコードを使用してリスニングするテンプレートのイベントがあります

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

それから私はこのようなdragstopを聞きます。

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

あなたはaduno.meteor.com