2013-06-02 76 views
0

我很确定我的错误将会很明显。我一直在工作过去的6个小时,只是找不到大脑的力量来确定我要去哪里错了。如果有人能让我知道我会非常感激。jQuery .click()函数不能正常工作

请注意,我可能会自杀找出我的错误。

<!DOCTYPE html> 

<html> 
    <head> 
     <script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script> 
     <script> 
      $("#addCompanies").click(function() { 
       alert("hello"); 
      }); 
     </script> 
    </head> 
    <body> 
     <a id="addCompanies">Continue</a> 
    </body> 
</html> 
+0

在执行该JavaScript时是否选择了DOM * ready *? – alex

回答

4

处理程序传递给.ready()保证后DOM准备好执行,因此,这通常是连接的所有其他事件处理程序和运行其它jQuery代码的最佳场所。

<!DOCTYPE html> 

<html> 
    <head> 
     <script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script> 
     <script> 
      $(document).ready(function() { 
       $("#addCompanies").click(function() { 
        alert("hello"); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <a id="addCompanies">Continue</a> 
    </body> 
</html> 
+0

你先生是我的救世主。我知道这会是一些愚蠢的事情。非常感谢! – jskidd3

+0

@ jskidd3没问题:) –

+0

@DavidRobles .. haha​​haha –

1

您需要运行onLoad。您的代码正试图在实际DOM元素存在之前附加点击处理程序。

$(function(){ 
    $("#addCompanies").click(function() { 
     alert("hello"); 
    }); 
}); 
0

从点击调用JavaScript函数另一种方法是的onclick尝试:

<script> 
function myFunction() 
{ 
alert("Hello World!"); 
} 
</script> 
<a id="addCompanies" onclick="myFunction()">Continue</a>