0

这是代码:

<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 树的问题,我该如何解决这个问题......?

谢谢提前!

4

4 回答 4

4

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

编辑:除了讽刺之外,在您的代码之前包含 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>
于 2013-02-14T20:48:22.953 回答
0

我该如何解决这个...?

使用纯 JavaScript

(function(){
  document.getElementById("favorite").onclick = function() { alert('clicked'); }
}());
于 2013-02-14T20:51:10.877 回答
0

很简单。在从看起来像的那个库执行方法之前,您没有在页面上加载 JQuery 库。

于 2013-02-14T20:49:30.967 回答
0

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

    $(document).ready(function(){ .. etc.
于 2013-02-14T20:49:52.833 回答