jQuery在Firefox中不起作用

时间:2012-08-29 08:53:43

标签: jquery html firefox

jQuery在Firefox中不起作用。它在IE和谷歌浏览器中运行良好,但当我试图在Mozilla Firefox中运行我的应用程序时,jQuery无效。任何猜测? 这是我的代码

<!DOCTYPE HTML PUBLIC>
<html>
   <head>
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
      <style>
         div{
         width:200px;
         height:100px;
         border:1px solid red;
         }
      </style>
   </head>
   <body>
      <div> One</div>
      <div>Two</div>
      <div>Three</div>
   </body>
   <script>
      $('div').click(function(){
       alert("Hello.....");
      });
   </script>
</html>

3 个答案:

答案 0 :(得分:9)

你应该使用dom ready事件

$(document).ready(function(){
  $('div').click(function(){
   alert("Hello.....");
  });
});

答案 1 :(得分:3)

将您的jquery代码放在document.ready

 $(document).ready(function() {
  $('div').click(function(){
       alert("Hello.....");
      });

 });

给你的div一个合适的类。就像

<div class="clsDiv"> One</div>
和我这样打电话。

 $('.clsDiv').click(function(){

答案 2 :(得分:0)

lukenz和Shree钉了它。 必须首先在$(document).ready()。

中注册html元素的JQUery事件处理程序