Изменение JavasScript DOM в событии мыши

Question

У меня есть 2 DIVs, и в каждом DIV есть кнопка, которая делает что-то нажатие.

Теперь я добавил фрагмент кода, чтобы доставить DIV на передний план, когда они получили муссон. Что работает очень хорошо. Проблема состоит в том, что они проглатывают кусочек внутренней кнопки ... Внутреннюю кнопку можно щелкнуть, щелкнув дважды.

http://jsfiddle.net/nUtz6/

$('div').mousedown(function (event) { 
    $(this).parent().append($(this)); 
}); 

, как я мог бы решить эту проблему? Я сделал это так, потому что я не хочу увеличивать z-индекс свойства CSS до некоторого магического числа каждый раз, когда я нажимаю div. Я читал, что jquery также выполняет трюк DOM.

Проблема возникает из-за того, что я меняю DOM прямо перед нажатием кнопки «Событие» кнопки. Если я ничего не сделаю в мульдауне, все будет хорошо.

Answer 1

Просто убедитесь, что DIV на самом деле цель мероприятия:

$('div').mousedown(function (event) { 
    if (event.target.tagName.toLowerCase() != 'button') 
     $(this).parent().append($(this)); 
}); 

FIDDLE