javascript - 在 anchor 标记上使用 onclick 属性和 jquery 单击处理程序,仅调用 onclick 函数。难道我们不能将两者都用作点击处理程序吗

标签 javascript jquery html

我尝试为 anchor 标记使用多个点击处理程序。一个使用“Onclick”属性处理程序,第二个使用 Jquery click handler。

这是我的 Html 文件。

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script language="JavaScript" type="text/javascript">
    var count = 0;

    $("a[href*='google']").click(function(){
    count =count +1;
    alert(" google called" +count);
 });

  function clickThis()
   {
     count = count + 1 ;
     alert("its onclick Function call " +count);
   }
 </script> 
</head>

<body >
  <a id="foo" onclick="clickThis();" href="http://google.com">google</a>
</body>
</html>

它仅运行“onclick”处理程序。我已经检查过处理程序是否正确选择了相同的 anchor 标记。但它的点击处理程序没有运行。

可能是 jquery 行不会被解析的情况。但是在浏览器中解析 html 时。它从上到下,所以对于脚本标记解析,我们的 jquery 行将被解析为变量(计数)声明。

那么 Jquery Click 处理程序在单击 URL 时未执行的原因是什么。

如果它执行,那么执行顺序是什么。

提前致谢。

最佳答案

在文档“准备好”之前,您无法安全地操作页面。 via jqfundamentals

您需要将代码包装在 $(document).ready 处理程序中:

$(document).ready(function() {
    $("a[href*='google']").click(function(){
        count =count +1;
        alert(" google called" +count);
    });
});

关于javascript - 在 anchor 标记上使用 onclick 属性和 jquery 单击处理程序,仅调用 onclick 函数。难道我们不能将两者都用作点击处理程序吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8942146/

相关文章:

css - 为什么我的图像隐藏了 h2?为什么导航不水平呈现?

javascript - 在 Chrome 扩展程序中多次执行内容脚本

javascript - v-img 仅在与常规 img HTML 标记一起使用时出现在 v-for 循环中

javascript - 密码验证后发送数据

javascript - 如何使用 JQuery 淡入图像变化

html - 为什么当我把它们变成链接时我的盒子变平了

javascript - 有没有办法在 Android 浏览器上输入和评估 Javascript?

javascript - 如何使用 jQuery 删除元素内的文本?

javascript - 使用 jQuery 添加/删除输入框 - 添加的输入框复制第一个输入框的值

javascript - Bootstrap Carousel 不工作(一次显示所有图像)