Функция Jquery click не делает ничего

Question

Я пытаюсь запустить это событие click, так что, когда пользователь нажимает кнопку, отображается предупреждение. Конечный результат, как только я на самом деле получаю кнопку, должен расширять ширину div. Однако всякий раз, когда я нажимаю кнопку, ничего не происходит. Он не отображает предупреждение, печать - ничего. Есть идеи?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $("button").click(function(){ 
       alert("Hello"); 
      }); 
     }); 
    </script> 

Answer 1

Попробуйте

<script> 
    $(document).ready(function(){ 
     $("input[type='button']").click(function(){ 
      alert("Hello"); 
     }); 
    }); 
</script> 

Answer 2

так, как вы его, "кнопка" будет только эффект <button> теги.

Добавить идентификатор кнопки: а затем добавить знак #: $ ("# button"). Если это не работает, у меня есть другое решение ...

Answer 3

<script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<input type="button" id="button1"/> 
<script> 
    $(document).ready(function(){ 
     $("#button1").click(function(){ 
      alert("Hello"); 
     }); 
    }); 
</script>