Javascript 按钮单击在popover窗体中不触发

我有一个取消按钮，应该被触发关闭我的popover。但是点击事件不会被触发。任何人都能看到这里出了什么问题，可能是因为我是个新手，所以很愚蠢

是否需要在“#cancelEvent”之前添加内容？例如，someparentelement#cancelEvent

“取消”按钮上方的行提交表单，这样就行了，“取消”按钮就是不起作用

var$calPopOver；
$（文档）.ready（函数（of）{
$（“#概述”）.hide（）；
$（“#详细信息”）.hide（）；
$（“#列表”）.hide（）；
$（“#地址”）.hide（）；
$（“#映射”）.hide（）；
$（“#图像”）.hide（）；
$（“#事件日历”）.show（）；
$（'#fullcalendar'）。fullcalendar({
标题：{
左：'上一页，下一页'，//今天'，
中心：'标题'，
//右图：“月，agendaWeek，agendaDay”
对：“”
},
defaultView:'月份'，
是的，
全天时段：错，
是的，
慢分钟：15，
//事件限制：1，
//eventLimit:true，//适用于所有非议程视图
//观点：{
//议程：{
//eventLimit:2//仅针对agendaWeek/agendaDay调整为6
//    }
//},
事件：'/ManageSpaces/GetDiaryEvents/'，
//eventLimitClick:函数（cellInfo、jsEvent）{
//},
eventClick:function（calEvent，jsEvent，view）{//function（data，event，view）{
//var s=cellInfo.segs；
$（“#eventDetails.collapse”）.collapse（'toggle'）；
如果（$calPopOver）
$calPopOver.popover（'destroy'）；
},
dayClick：函数（数据、事件、视图）{
$（这个）({
是的，
位置：'底部'，
容器：'主体'，
标题：功能（）{
return$（“#day popover head”）.html（）；
},
内容：功能（）{
return$（“#day popover content”）.html（）；
}
});
//$（this.popover（'toggle'）；
如果（$calPopOver）{
$calPopOver.popover（'destroy'）；
}
$calPopOver=$（this.popover（'show'）；
}
});
});
$（“#取消事件”）。单击（函数（）{
$calPopOver.popover（'destroy'）；
})；

添加事件
@**@
标题：
选择时间：


选择持续时间：
30分钟
45分钟
60分钟
75分钟
90分钟
105分钟
120分钟
提交
取消
@**@
你好

更改点击事件的绑定方式，您应该参与业务：

$(document).on('click', '#cancelEvent', function () {
    alert('Doing cancel...');
    $calPopOver.popover('destroy');
});

---

演示：

请发布所有相关的JavaScript？例如，我们首先需要了解$Calpover是在哪里创建的，以及点击事件绑定如何适应更大的画面。刚刚添加了相关的JS。您可以添加HTML的其余部分吗？例如，您发布的源代码中没有完整的日历，因此很难复制hout guessing.根据请求添加了更多html。尝试删除按钮周围的表单，但仍然没有结果。这与调用有什么不同。单击（）？我问这个问题的原因是因为我在这个.js文件中还有其他的点击事件，它们都是用当时的id构建的。点击，它们似乎可以工作。如果不看日历插件的来源，我猜插件是在克隆你在“day popover content”中给它的HTML，这意味着您在日历的弹出窗口中单击的“取消”按钮与您在document.ready上绑定的按钮不同。若要解决此问题，请绑定到document click事件，并为其提供一个筛选器，以便在决定是否处理该事件时使用。这是处理动态元素时的常见解决方案。