Перетаскиваемые элементы в вложенном клике jQuery

Question

Следуя рекомендациям @amphetamachine от этого question Мне удалось обработать вложенные клики с помощью jQuery. Теперь функция перетаскивания, которая ранее работала, теперь не работает после реализации делегатов.

Концепция все тот же пустой DIV, что после того, как он будет добавлен еще один DIV внутри себя, и если этот созданный DIV щелкнет, он будет удален. Я использую переменную, чтобы определить, хочу ли я перетащить DIV или удалить ее.

HTML

<div id="container"></div> 

JQuery

$('#container').on('click', function(e){ 

    // Add other DIV 
    $(this).append('<div class="other">XYZ</div>'); 

    e.stopPropagation(); 

    // Remove other DIV 
    $('div.other').bind('click', function(event){ 

    if (global_variable == 'drag') { 
     $(this).draggable({cursor:'move'}); 
    } 
    else { 
     $(this).remove(); 
    } 

    event.stopPropagation(); 

    }); 

}); 

Что мне не хватает?

Answer 1

Я смог найти ответ. Вот код, рабочий: http://jsfiddle.net/9sbnq3pv/1/

мне просто нужно было сделать:

// Add other DIV 
    var div = $('<div class="other">XYZ</div>'); 
     div.draggable({cursor:'move'}); 
    $(this).append(div); 

Вместо:

// Add other DIV 
    $(this).append('<div class="other">XYZ</div>'); 

Спасибо