Question

以下jQuery调用未完成：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script>
  $('#links').click(function(){
    alert($(this).attr('href'));
  });
    </script>
<a id="links" href="http://www.amazon.com" >Amazon</a>

编辑：

也不能使用：

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

我们不想添加<script src="http://code.jquery.com/jquery-latest.min.js"></script>，因为此文件中的jquery版本可能无法更新，但如果我们添加此代码，则所有代码都可以使用。

如果我们在

中添加它，上面的代码也没有得到理想的结果

$(document).ready(function() {
  $('#links').click(function(){
    alert($(this).attr('href'));
  });
});

Answer 1

<a id="links" href="http://www.amazon.com" >Amazon</a>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script>
  $('#links').click(function(){
    alert($(this).attr('href'));
  });
</script>

在引用之前，links必须存在。

您还可以使用jQuery的ready功能：

$( document ).ready(function() {
  $('#links').click(function(){
    alert($(this).attr('href'));
  });
});

Answer 2

您的anchor还没有准备好，因为您的 DOM 还没有准备好，

你应该将script包裹在文档准备函数中，然后它就可以了。

＆＃13;

$(function(){
$('#links').click(function(){
        alert($(this).attr('href'));
      });
});

＆＃13;

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

    <a id="links" href="http://www.amazon.com" >Amazon</a>

＆＃13;

jquery调用没有完成

2 个答案: