Question

这是代码：

<html>
<head>
 <script type="text/javascript">
       $(document).ready(function(){
           $("#favorite").click(function(){
                     alert('click!')
           });
       });

 </script>
</head>
<body>

   <h4>Favourites <small><%= photo.fav %></small></h4>  
   <button id="favorite" class="btn btn-inverse">Favorite</button> 

</body>
</html>

当我点击按钮时，我没有得到警告窗口，所以我认为DOM树存在问题，我该如何解决这个问题？

谢谢你的进步！

Answer 1

或者......你不包括jquery ......

编辑：除了Sarcasm之外，在您的代码之前包含JQuery库才能使用它。

https://developers.google.com/speed/libraries/devguide

这是一个如何看起来的例子......它运作良好。

<强> http://jsbin.com/osijok/1/edit

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 <script type="text/javascript">
       $(document).ready(function(){
           $("#favorite").click(function(){
                     alert('click!')
           });
       });

 </script>
</head>
<body>

   <h4>Favourites <small><%= photo.fav %></small></h4>  
   <button id="favorite" class="btn btn-inverse">Favorite</button> 

</body>
</html>

Answer 2

非常简单。在执行该库中的方法之前，您没有在页面上加载JQuery库。

Answer 3

您需要导入jQuery JS库才能使用

等功能

    $(document).ready(function(){ .. etc.

Answer 4

我该如何解决这个问题？？

使用纯JavaScript

(function(){
  document.getElementById("favorite").onclick = function() { alert('clicked'); }
}());

JQuery DOM和.click（）的问题

4 个答案: