Странного поведения JQuery

Question

Я прилагаю событие для всех элементов с именем классом из element внутри main контейнера, как показано ниже

$('#main').delegate('.element','click', function(){ 
    console.log($(this).html()); 
}); 

Но проблема событие щелчка обжигают при двойном щелчке в браузере Windows, Chrome и Mac запускается одним щелчком мыши.

Браузер: Google Chrome OS тестировалось: Windows8 и Mac JQuery версия: JQuery 1.10.2

Answer 1

Попробуйте это:

$(document).delegate('.element','click', function(){ 
    console.log($(this).html()); 
}); 

вместо

$('#main').delegate('.element','click', function(){ 
    console.log($(this).html()); 
}); 

Надежда это поможет

Answer 2

.delegate() Из документации:

По JQuery 1.7, .delegate() был заменен методом .on(). Однако для более ранних версий он остается наиболее эффективным средством использования делегирования событий. Дополнительная информация о привязке событий и делегировании содержится в методе .on(). В общем, эти эквивалентные шаблоны для двух методов:

Попробуйте с помощью .on():

$('#main').on('click','.element', function(){ 
    console.log($(this).html()); 
});