在 achor 标签上使用 onclick 属性和 jquery click 处理程序，仅调用 onclick 函数。我们可以不把这两个函数都用作点击处理程序吗

发布于 2024-12-27 23:03:36 字数 927 浏览 0 评论 0原文

我尝试对锚标记使用多个单击处理程序。一种使用“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”处理程序。我已经检查处理程序是否正确选择了相同的锚标记。但它的点击处理程序没有运行。

可能会出现这样的情况：jquery 行不会被解析。但是在浏览器中解析 html 时。它从上到下进行，因此对于脚本标记解析，我们的 jquery 行将被解析为变量（计数）声明。

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

如果执行的话执行顺序是什么。

提前致谢。

原文

I tried to use more than one click handler for anchor tag . One using "Onclick" attribute handler and second using Jquery click handler .

This is my Html file .

<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>

It is running only "onclick" handler . I have checked that handler is right selecting the same anchor tag . But its click handler is not running .

It might be the case that jquery line would not be getting parsed .But as time of parsing the html in browser . it goes from top to bottom , so for script tag parsing , our jquery line would be parsed as like variable (count) declaration .

So what would be the reason that Jquery Click handler is not getting executed on clicking the URL .

And if it execute then what would be the execution order .

Thanks in Advance.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

日记撕了你也走了 2025-01-03 23:03:36

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

您需要将代码包装在 $(document).ready< /代码> 处理程序：

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

You cannot safely manipulate a page until the document is “ready.” via jqfundamentals

You'll need to wrap your code in a $(document).ready handler:

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

回复收藏 0 原文

蛮可爱 2025-01-03 23:03:36

将以下内容添加到 $(document).ready()：

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

这样就变成：

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

首先触发 OnClick 事件，然后触发 JQuery click 事件。

Add the following to $(document).ready():

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

So it becomes:

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

The OnClick event is triggered first followed by the JQuery click event.

回复收藏 0 原文

仄言 2025-01-03 23:03:36

您必须将 jQuery 处理程序包含在 $(document).ready... 中，

此代码应该可以工作：

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script language="JavaScript" type="text/javascript">
    var count = 0;
      $(document).ready(function(){
        $("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>

You have to include you jQuery handler in $(document).ready....

This code should work:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script language="JavaScript" type="text/javascript">
    var count = 0;
      $(document).ready(function(){
        $("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>

回复收藏 0 原文

~没有更多了~