dblclick() на плавающей div?

Question

У меня есть большой фон div, на котором я связал функцию через функцию jQuery dblclick.

У меня есть абсолютно позиционированный div с большим z-индексом, плавающим infront этого фона div. И я получаю странную проблему, если двойной плавающий div (который имеет заполненный фон) двойным щелчком, выполняется функция, заданная для фона.

принцип:

$("#background-div").dblclick(function(){ 
    alert("why do these problems exist?"); 
}); 

//i double click on $("#div-floating-in-front") and see the alert. 

какие-либо предложения?

Answer 1

Если ваш плавающий div является дочерним по отношению к фону div, тогда событие щелчка пузырится до него и запускает предупреждение. Вы можете прикрепить событие щелчка к плавающему DIV, а затем использовать jQuery's stopPropagation поймать клик, прежде чем он может пузыриться:

$("#div-floating-in-front").dblclick(function(event){ 
    event.stopPropagation(); 
});