代码之家 › 专栏 › 技术社区 › nLL

我疯了吗?jquery.click()似乎不起作用

click jquery

nLL · 技术社区 · 13 年前

下面的代码不适用于任何浏览器。它应该显示一个警告框。我做错什么了?

 <html>
 <head>
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
 <script type="text/javascript">
$('#prevlink').click(function () { 
  alert("Test"); 
});  
</script>
</head>
<body>
<a id="prevlink" href="#">test</a>
</body>
</html>

5 回复 | 直到 9 年前

Pekka 13 年前

您没有将函数包装在 ready() event . 它在dom存在之前运行。

Mike Robinson 13 年前

把它放进文件里。准备好了!

T.J. Crowder 13 年前

您试图在元素存在之前访问它(javascript是通过HTML解析/呈现内联运行的)。您可以使用 ready jquery提供的事件,正如pekka和mike指出的,或者只是确保您正在尝试访问元素之后它存在:

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
</head>
<body>
<a id="prevlink" href="#">test</a>
<script type="text/javascript">
// By this time we get here, it exists.
$('#prevlink').click(function () { 
    alert("Test"); 
});  
</script>
</body>
</html>

前者(使用 准备好的 事件或类似事件)更“不引人注目”,当您与大型团队打交道时,这非常有用,因为您的HTML设计者和JavaScript编码人员通常都是不同的人。后者发生得更快(链接出现后和挂接单击事件之前时间间隔不小),而且 what the Google Closure team recommend 用于连接元素处理程序。

即使使用第二种方法,也可以保留JavaScript和HTML 合理地 分开,确保 script 标记只是一个设置元素的调用,它本身没有实际的逻辑。

vener 13 年前

因为在HTML完成下载之前执行的javascript代码用这个代替你的代码

$(document).ready(function(){
$('#prevlink').click(function(){
  alert("Test");
});
})

Conner antpaw 12 年前

将代码更改为:

$(function()
{
  $('#prevlink').click(function () { 
    alert("Test"); 
  });
});

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

1 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前