无法获得响应click()的超链接

时间:2010-08-18 23:51:20

标签: jquery

我正在学习jQuery而无法解决这个问题:

这是HTML

<a id="myid" name="myid" href="stub">click here</a>

和jquery片段:

 $("#myid").click(function() {
    alert('Hello from click');
 });

然而,当我点击链接时,没有显示警报。毫无疑问是基本的,我能做错什么?

由于

4 个答案:

答案 0 :(得分:5)

您的代码需要位于document.ready处理程序中,因此它会在DOM本身可用的锚点之后绑定点击,如下所示:

$(function() {
  $("#myid").click(function(e) {
    alert('Hello from click');
    //stop the link from going to it's destination here if you need to using
    //e.preventDefault();
    //or:
    //return false;
  });
});

如果不是这样或者至少在页面中的元素之后,$("#myid")选择器将找不到任何元素......所以它不会将onclick处理程序绑定到任何东西。

答案 1 :(得分:0)

这段代码完全适用于我。然后它会重定向到“存根”,但可以使用return false函数中的click解决此问题。

答案 2 :(得分:0)

你也可以在你的a标签中将hound(#)放在你的href中

<a id="myid" name="myid" href="#stub">click here</a>

所以即使你的jquery代码没有return false,也不会重定向到任何东西。

答案 3 :(得分:0)

我想出来了,在“学习jQuery”下提交。

通过在加载文档后单击按钮,通过load()将超链接html加载到div中。

很好,但问题是我在创建元素 之前将事件处理程序绑定到超链接 。使用内联onlcick()已经很久了,我花了一些时间来弄清楚jQuery / Ajax的方式。

感谢您的建议。