单击事件以获取 href 标记(动态创建）

click event for a href tag (which is created dynamically)

本文关键字：动态 创建 标记 href 事件 获取 单击      更新时间：2023-09-26

我正在尝试为 href 标签添加一个点击事件（该标签是动态创建的，并通过.html归因于我的结果div 添加）。

到目前为止我做了什么：

$("#upload-div").on("a[href='#Sixty']",'click',function(){
   alert('test'); 
});

和

在这里，您可以看到动态添加的我的HTML：

  <button type='button' class='btn btn-info dropdown-toggle' data-toggle='dropdown'>'n'
    Font Selection <span class='caret'></span>'n'
  </button>'n'
  <ul class='dropdown-menu' role='menu'>'n'
      <li><a href='#Arial'>Default(Arial)</a></li>'n'
      <li class='divider'></li>'n'
    <li><a href='#Arial'>Arial</a></li>'n'
    <li><a href='#Sixty'>Sixty</a></li>'n'
    </ul>'n'
</div>   'n'

但它不起作用;我错过了什么吗？如果您需要更多说明，请告诉我。

谢谢

使用事件委托时，on（） 的第一个参数是事件，第二个参数是选择器：

$("#upload-div").on('click', 'a[href="#Sixty"]', function() {

确保第一个参数是这样的事件：

$("#upload-div").on('click','a[href="#Sixty"]',function(){
   alert('test'); 
});

您还需要确保在调用上述代码时加载 upload-div。

相关文章：