时间戳

首页 > 解决方案 > a 标签上的 Onclick 事件

javascript - a 标签上的 Onclick 事件

问题描述

我有一个<a>从 json 格式的 php 文件返回的标签，如下所示：

$subarray[] = '<a href="#" onclick="profile(\'' . $row['id'] . '\')" class="buttons">...</a>';

这个工作正常。但是，在阅读一些关于不显眼的 JavaScript 的材料时，我想将其删除，onclick="profile(\'' . $row['id'] . '\')"而是id在标签中添加一个，然后监听点击 id 的时间。因此，代码将类似于以下内容：

$subarray[] = '<a href="#" class="buttons" id="some">...</a>';

但是，当我尝试在如下代码中监听事件发生时：

$("#some").click(function() {
        alert('hi');
    });

什么都没发生。如果您能告诉我如何解决问题，并让我知道这里的最佳做法是什么，我将不胜感激。

标签： javascriptphpjquery

解决方案

到目前为止，您已经掌握了所有这些权利，唯一的区别是您需要回显包含在数组中的链接才能显示在网页上，我们可以通过它点击它

看看这个 

<?php
$subarray[] = '<a href="#" class="buttons" id="some">...</a>';
?>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <?php echo $subarray[0];?>
<script>
    $("#some").click(function() {
        alert('hi');
    });
</script>
</body>
</html>

推荐阅读