Javascript 动态<；a>；不可点击

我用php编写了以下代码，这样我就可以点击箭头，并在下面打开一个表单

    echo '<div class="editor" id="'.$par_code.'" style=" background-color: #fdfdfd; padding:14px 25px 30px 20px; font-family: Lucida Console, Monaco, monospace; box-shadow: 0 1px 10px 2px rgba(0,0,0,0.2),0 8px 20px 0 rgba(0,0,0,0.03); border-radius: 3px;">'
    .'<img width="50" height="50" style="border-radius:50%" src="images/default.png" alt="Image cannot be displayed"/>'                 
    .'<p class="uname">&nbsp;'.$uname.'</p>&nbsp;'                  
    .'<p class="time">'.$date.'</p>'
    .'<p class="comment-text" style="word-break: break-all;">'.$content.'</p>'
    .'<a class="link-reply al" id="reply" name="'.$par_code.'" style="padding-top: 18px; float: right;"><i class="fa fa-reply fa-lg" title="Reply"></i></a>';

此处显示箭头图标，但不可单击

用于DOM上的动态创建事件

$(document).on("click","a#reply" , function() { 
   console.log('a#reply => clicked!')
});

或

---

您的代码失败，因为您的

；也就是说，将事件侦听器添加到一个公共静态祖先，例如
文档
或
主体
，然后将其委托给目标元素

在
jQuery
中可以使用的方法有，如果您试图附加一次性事件侦听器，则后者更适合您的情况

代码：

$(document).one("click", "a#reply", function() { 
   // ...
});

您所说的“箭头图标显示但不可单击”是什么意思？您的意思是传递给
one
的函数没有执行吗？另外，
i
在代码中的定义在哪里？包含在php代码的最后一行中，位于tagI之间，不是指
，而是
i
；你在函数末尾增加的那一个。我已经在

和one上进行了测试，它在@dark123下运行得非常好！您的代码中很可能有错误，但此处没有显示。这与

CSS

无关。这是一个

JavaScript

问题。

$(document).on("click","a#reply" , function() { 
   console.log('a#reply => clicked!')
});

$(body).on("click","a#reply" , function() { 
       console.log('a#reply => clicked!')
});

$(document).one("click", "a#reply", function() { 
   // ...
});