Событие Jquery click не хочет запускать

Question

Здесь я прочитал много вопросов о функции щелчка, и я стараюсь следовать ответам, но я не могу заставить его работать. Существует определенно логическая проблема. Не имеет значения, что ниже второй строки, потому что console.log ничего не записывает. Вот код:

$('#play')[0].click(function() { 
    console.log('click'); 
    $("html,body").animate({ 
     scrollTop : arrOfDivs[2].offset().top - 80 
    }, 700); 
return false; 
}); 

Вот jsfiddle: http://jsfiddle.net/W3y88/

Спасибо!

Answer 1

я обновил код http://jsfiddle.net/W3y88/3/

$('#play').on("click",function() { 
    alert('click'); 
return false; 
}); 

Answer 2

Одна проблема здесь в том, что при объявлении ID, вы можете использовать его только один раз на странице. Если вы хотите повлиять на несколько экземпляров, вам следует рассмотреть возможность использования классов для тех элементов, которые вы хотите изменить.

Попробуйте изменить свой идентификатор к классу, а затем изменить код:

$('.play').click(function() { 
console.log('click'); 
$("html,body").animate({ 
    scrollTop : arrOfDivs[2].offset().top - 80 
}, 700); 
return false;}); 

Конечно, я предполагаю, что вы дали несколько объектов один и тот же идентификатор . Если бы вы могли вставить больше кода, это было бы полезно.

Ссылка на идентификаторами: https://softwareengineering.stackexchange.com/questions/127178/two-html-elements-with-same-id-attribute-how-bad-is-it-really

В качестве альтернативы, вы можете удалить [0], если вы имеете в виду уникальный ID и исходный код может работать.

Answer 3

Есть несколько способов, вы можете сделать это: http://jsfiddle.net/DWU5Y/

Но, у вас было несколько thigns отсутствует:

• script включают в Jquery.

• id уникален, так что я не знаю, почему вы использовали $('#id')[0]

• doc.ready против окон нагрузки: http://forum.jquery.com/topic/document-ready-and-window-onload-difference

Далее, если вы заинтересованы: Running jQuery inside $(window).load() function but not inside $(document).ready function

• http://learn.jquery.com/using-jquery-core/selecting-elements/

:)

Код

$(document).ready(function() { 
     $('#play').click(function() { 
     alert('click'); 
     return false; 
    }); 
}); 

Answer 4

Попробуйте это, он будет работать.

$ ('# ClickMe'). Жить ('щелчок', функция() { Путеводитель })