Javascript 当我点击一个链接时,只是试图显示和提醒

Javascript 当我点击一个链接时,只是试图显示和提醒,javascript,jquery,Javascript,Jquery,我正在尝试以下代码: <script type="text/javascript"> $('#ooo').click( function() { alert("jadner"); }); <script> <a href='#' id="ooo">prueba</a> $('#ooo')。单击(函数(){ 警惕(“贾德纳”); }); 我希望当我点击“prueba”时它会显示警报,但它什么也没有显示 问候 Javi您必

我正在尝试以下代码:

<script type="text/javascript">

  $('#ooo').click( function() {

    alert("jadner");

});

<script>


<a href='#' id="ooo">prueba</a>

$('#ooo')。单击(函数(){
警惕(“贾德纳”);
});
我希望当我点击“prueba”时它会显示警报,但它什么也没有显示

问候


Javi

您必须颠倒标记的顺序,即将脚本放在链接之后:

<a href='#' id="ooo">prueba</a>
<script type="text/javascript">...</script>

问题是:当执行JS时,它试图找到ID为
ooo
的元素,但该元素还不存在。解析总是从上到下进行的。因此,在创建链接元素之前会执行脚本。

您必须反转标记的顺序,即将脚本放在链接之后:

<a href='#' id="ooo">prueba</a>
<script type="text/javascript">...</script>

问题是:当执行JS时,它试图找到ID为
ooo
的元素,但该元素还不存在。解析总是从上到下进行的。因此,脚本将在创建链接元素之前执行。

只有在DOM完成加载后才需要绑定事件。将您的代码包装在
$(document.load()
事件中,如下所示:

<script type="text/javascript">
$(document).ready(function() {
    $('#ooo').click(function() {
        alert("jadner");
    });
});
</script>

$(文档).ready(函数(){
$('#ooo')。单击(函数(){
警惕(“贾德纳”);
});
});

只有在DOM完成加载后才需要绑定事件。将您的代码包装在
$(document.load()
事件中,如下所示:

<script type="text/javascript">
$(document).ready(function() {
    $('#ooo').click(function() {
        alert("jadner");
    });
});
</script>

$(文档).ready(函数(){
$('#ooo')。单击(函数(){
警惕(“贾德纳”);
});
});

1-确保已包含jQuery

2-确保单击处理程序位于
$(文档).ready(函数(){…})中

见:


1-确保已包含jQuery

2-确保单击处理程序位于
$(文档).ready(函数(){…})中

见:

    • 使用document.ready()

      
      $(文档).ready(函数(){
      $('#ooo')。单击(函数(){
      警惕(“贾德纳”);
      });
      });
      
      使用document.ready()

      
      $(文档).ready(函数(){
      $('#ooo')。单击(函数(){
      警惕(“贾德纳”);
      });
      });
      
      添加
      返回false在警报下方。正如Nanne所说,确保正确加载了jQuery


      应该是
      而不是

      添加
      返回false在警报下方。正如Nanne所说,确保正确加载了jQuery


      应该是
      而不是
      请尝试以下代码

      <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
      <script language="javascript">
      $(function() 
      {
          $('#ooo').click( function() 
          {
              alert("jadner");
          });
      });
      </script>
      
      <a href='#' id="ooo">prueba</a>
      
      
      $(函数()
      {
      $('#ooo')。单击(函数()
      {
      警惕(“贾德纳”);
      });
      });
      
      请尝试以下代码

      <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
      <script language="javascript">
      $(function() 
      {
          $('#ooo').click( function() 
          {
              alert("jadner");
          });
      });
      </script>
      
      <a href='#' id="ooo">prueba</a>
      
      
      $(函数()
      {
      $('#ooo')。单击(函数()
      {
      警惕(“贾德纳”);
      });
      });
      
      是否导入了jQuery库?是否导入了jQuery库?