Javascript onclick函数对模式上的图标不起作用

我有一个模态。我想在一个图标上执行操作。 下面是我的函数，我正在调用一个图标的点击事件，但它不工作

$(document).ready(function() {
        $(document).on('click', '.fc-day', function() {
            $('#tmd_schedule').modal('toggle');
        });
        $(document).on('click', '#add_tmd', function() {
            console.log("hi");
        });
});

这是我的html代码

<i class="fa fa-plus col-md-2 form-control-feedback" id="add_tmd"></i>

---

使用选择器而不是文档来添加单击事件

$(document).ready(function() {
        $('.fc-day').on('click', function() {
            $('#tmd_schedule').modal('toggle');
        });
        $('#add_tmd').on('click', function() {
            console.log("hi");
        });
});

您还可以使用jqueryclick函数来简化它

$(document).ready(function() {
        $('.fc-day').click(function() {
            $('#tmd_schedule').modal('toggle');
        });
        $('#add_tmd').click(function() {
            console.log("hi");
        });
});

尝试

$（'#add_tmd'）。单击（function（）{console.log（“hi”）；}）取而代之

使用文档选择器在这里没有真正意义；使用元素选择器会更有效。此外，
click（）
函数执行的操作与（'click'，…）

上的

相同，但更简洁。
请查看下面的代码片段


$（文档）.ready（函数（）{
$（文档）.on（'click'，'fa calendar'，函数（）{
//$（“#tmd#U计划”）.modal（'toggle'）；
控制台日志（“hi”）；
});
$（文档）。在（'单击'，'添加tmd'，函数（）上{
console.log（“你好”）；
});
});

将html更改为

<i id="add_tmd" class="fa fa-plus pull-right"></i>



只需从图标中删除
表单控制反馈
类。它在中国有财产。这就是您无法单击图标的原因。
您将单击事件附加到的位置看起来不正确

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

请查看该功能的文档。因为以前版本的jQuery具有相同的活动和委托函数行为


$（文档）.ready（函数（）{
$（document.body）。在（'单击'，'添加tmd'，函数（）上{
警报（“hi”）；
});
});

测试
你也可以发布html吗？@Poku这里是哪里
.fc day
？标签是动态创建的吗？如果没有，您不需要
.on（）
的`$（document）`前缀。尝试使用类选择器？它可能是动态创建的，这就是为什么它使用document解释您的代码-不要只写代码请解释您的代码。
id=“add\u tmd”
的重复id。更新了，我的代码。工作得很好。你能解释一下吗？我也不知道它是如何工作的。？据我说class=“form control feedback”引发了一些问题问题问题是form control feedback有指针事件：无；自举