последовательность событий jquery bind

Question

РЕДАКТИРОВАТЬ: проблема в том, что я использовал .select () вместо .find ();

У меня есть этот простой код jquery (jsfiddle: http://jsfiddle.net/periklis/znstj/)

<div class = "someclass"><button class = "myclass">clickme</button></div>
<script>
$(document).ready(function() {
    $('.someclass').select('.myclass').bind('click', function() { console.log('red'); });    
    $('.myclass').bind('click', function() { console.log('green'); });
});
</script>

С какой стати «зеленый» всегда печатается перед «красным»? (И как бы я изменил его, чтобы «красный» отображался перед «зеленым»?)

Как всегда, заранее спасиболюди!

Answer 1

Как написано, ваш .select() вызов не используется - в jQuery он используется для регистрации обработчика для события onselect!

, поскольку .select() - это функция связывания, которая возвращает оригиналобъект, для которого он был вызван, в результате вы привязали первый обработчик click к внешнему .someclass div.

Поэтому вы видите эффект пузырьков , щелчок сначала нажимает на кнопку («зеленый»), а затем всплывает до его родителя («красный») в указанном порядке.

Если цель вашего вызова .select() состояла в привязкеобработчик первого клика только к кнопке, тогда вы должны были использовать .children('.myclass').

Answer 2

Вы можете связать свои собственные пользовательские функции:

$('.myclass').click(function(){ 
      $(this).trigger('green');
      $(this).trigger('red');
   })

$('.myclass').bind('green', function(e) {
   console.log('green');
});

...

НО, bind устарела в пользу .on() -> http://api.jquery.com/on/