Bootstrap-Datepicker 图标单击事件不起作用

Posted 2023-05-07

【中文标题】Bootstrap-Datepicker 图标单击事件不起作用

【英文标题】：Bootstrap-Datepicker icon click event not working

【发布时间】：2014-09-08 18:51:48

【问题描述】：

我有以下模板，其中包含 javascript 文件中的日历图标。它没有出现在我的 html 文件中，因为它是动态使用的。

var iconTemplate = '<li id=\"streamID\" class=\"list\">streamName <i class="fa fa-calendar pull-right"></i></li>';

我想向日历图标添加点击事件并打开日期选择器。我尝试了以下方法：

    $('.fa-calendar').click(function()
      $(this).datepicker();
    );

我猜这不起作用，因为它没有调用 html 文件中的类。是否可以在 javascript 文件中完成所有这些操作？

【问题讨论】：

据我所知，您可能需要委托事件处理程序。你能发布你注入iconTemplate的html吗？

【参考方案1】：

$(document).on('click, '.fa-calendar', function()
    ...