Как использовать одновременные события mousedown для элементов с разными Z-индексами с помощью jquery

Итак, вот код:

<!DOCTYPE html>
<html>
<head><title></title>
<script language = 'Javascript' type = 'text/javascript' src = 'jquery-1.10.2.js'></script> // jquery link there
<script language = 'Javascript' type = 'text/javascript'>

$(function() {

  $('#div1').mousedown(function(event) { $(this).css(bla).css(bla) });
  $('#div2').mousedown(function(event) { $(this).css(blah).css(blah) });

}); // end document.ready

</script></head>
<body>

<div id = 'div1' style = 'position: absolute; left: 50px;
top: 50px; z-index: 2; width: 50px; height: 50px; margin: 0px; padding: 0px;
border: 1px blue solid;'>Here</div>

<div id = 'div2' style = 'position: absolute; left:30px;
top: 50px; z-index: 1; width: 200px; height: 200px; margin: 0px; padding: 0px; 
border: 1px blue solid; background-color: blue;'></div>

</body>
</html>

Важно, чтобы элементы div располагались относительно тела, поэтому я не заключаю один элемент в другой. Однако я бы нажимал на оба div одновременно. Как заставить событие mousedown срабатывать сначала на #div1, а затем на #div2, не помещая второй div внутрь первого? (Или наоборот). У меня такое ощущение, что это довольно просто, так что простите мою глупость. Если сделать это каким-то образом невозможно, есть ли способ синтезировать событие #div2 с помощью jquery? Спасибо.


events html jquery simultaneous mousedown
person lexica98    schedule 28.01.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

вы можете использовать что-то вроде

      $('#div1').mousedown(function(event) { $(this).css(bla).css(bla); $('#div2').mousedown(); });
person Vlad Nikitin    schedule 28.01.2014