3

jquery не хочет обрабатывать события. Не могу понять в чем проблема.


$('#mybutton').click(function() {
  alert('Вы нажали на элемент "button"');
});

$('#mybutton').click();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="mybutton">Кнопка</button>

Никак не реагирует на событие click у элемента #mybutton

Связи, ссылки везде прописаны. Зато реагирует на событие $(window).scroll.

Что может быть?

2
  • добавил референс на jQuery в snippet - все работает
    – Grundy
    13 мар 2016 в 15:07
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа). 14 мар 2016 в 7:11

2 ответа 2

1

 $(document).ready(function(){
      $('#mybutton').click(function() {
        alert('Вы нажали на элемент "button"');
      });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="mybutton">Кнопка</button>

0

Возможно, JavaScript-код срабатывает раньше, чем успевает загрузиться элемент

<button id="mybutton">Кнопка</button>

Это весь код или его фрагмент? Попробуйте следующий код, который дожидается загрузки DOM-структуры и лишь затем назначает события

<!DOCTYPE html>
<html lang='ru'>
  <head>
    <meta charset='utf-8'>
    <script type="text/javascript" src="jquery.js" ></script>
    <script type="text/javascript">
    $(function() {
      $('#mybutton').on('click', function() {
        alert('Вы нажали на элемент "button"');
      });
    });
    </script>
  </head>
  <body>
    <button id="mybutton">Кнопка</button>
  </body>
</html>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.