Кнопка не работает при добавлении

Question

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

Вот мой сайт: http://faithserve.com/jOS/v2/

На сайте, нажав на кнопку тест должен сделать console.log("test").

код достаточно сложен, но сценарий Добавление данных в основном это:

$(this.element).on("mousedown",function(e){ 
    thisWindow.app.menubar.display(); 
    if (!$(thisWindow.element).is(':last-child')) { 
    $("#desktop").append(thisWindow.element); 
    } 
}); 

Редактировать

Поскольку ссылка на мой сайт выше, может в конечном итоге фиксированы или вниз в будущем, вот скрипка, демонстрирующая проблему: http://jsfiddle.net/QhZr6/1/

Answer 1

Привет, это может быть не самое изящное решение, но вы можете попробовать что-то вроде этого:

$("button").on("click", function() { 
    $("#message").html($("#message").html() + $(this).attr("id")); 
}); 

$(".win").on("mousedown", function() { 
    var $this = $(this); 
    setTimeout(function() { 
     $("#con").append($this); 
    }, 100); 
}); 

Edit: Рекомендуется использовать .on("click", function() {...}) для привязки обработчиков событий к объектам

Обновлено jsFiddler here.