Question

我有一个非常令人困惑的问题。当点击链接时，我想在HTML网站中执行某些操作。我使用click事件实现了以下代码，它应该处理这种行为：

$(document).ready(function() {
  console.log("Ready!");
  $( "a" ).click(function() {
    console.log("Alert!");
    alert("Test");
  });
});

我把它放在头部和身体末端，但没有任何反应。我没有得到console.log或警报。当我将点击更改为鼠标悬停时，一切都很好。你有什么建议吗？

此致延

Answer 1

尝试使用

$(document).ready(function() {
  console.log("Ready!");
  $( "a" ).on("click",function() {
    console.log("Alert!");
    alert("Test");
  });
});

因为某些版本的Jquery不支持单击此功能

Answer 2

加载页面时是否存在a？如果没有，您需要稍微修改一下事件绑定。此外，您可以尝试阻止默认行为。

$(document).ready(function() {
  console.log("Ready!");
  $(document).click("a", function(e) {
    e.preventDefault();
    console.log("Alert!");
    alert("Test");
  });
});

Answer 3

您需要做的第一件事是检查您的jquery库以确保您是否包含它？

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>

如果它仍然不起作用，您应该检查您的锚属性并将其更改为贝娄

<a href="#">alert</a> or <a>alert</a>

所以这段代码会起作用

 $(document).ready(function() {
  console.log("Ready!");
  $( "a" ).click(function() {
    console.log("Alert!");
    alert("Test");
  });
});

Answer 4

确保将Jquery包含在您的脑海中：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">    </script>
  <script>
  $(document).ready(function() {
  console.log("Ready!");
  $('a[href$="google"]').on("click",function() {
    console.log("Alert!");
    alert("Test");
  });
});
</script>
</head>
<body>
  <a href="google">google</a>
</body>
</html>

否则，您可以使用以下命令获取DOM元素：getElementsById并在链接中添加id

Answer 5

请参阅：jsfiddle

$(document).ready(function() {
        console.log("Bereit!");
        $( "a" ).click(function() {
            console.log("Alert!");
            alert("BBB wurden mit dem CCC synchronisiert");
        });
    });

它的作品。

你确定你已经添加了正确的jQuery版本吗？

Javascript jQuery单击功能不起作用

5 个答案: