如何解决仅在特定时间调用的点击事件
我想调用ajax以在单击铃铛(图标)时从引导下拉列表中获取通知。 在下面的代码中,仅当我在加载页面时首先单击铃铛时,它才起作用。如果我单击其他任何地方,然后单击铃铛,则不会触发click事件(因此不会触发AJAX)。 为什么会发生?
PS。我正在使用.NET Razor视图和局部视图。
所有通知都应加载到“通知”类中
HTML:
<a class="nav-link" role="button" data-toggle="dropdown"><i class="fal fa-bell fa-fw"></i></a>
<div class="dropdown-menu notification-dropdown" aria-labelledby="notification-dropdown">
<div class="notification-wrapper">
<div class="notifications"></div>
</div>
</div>
JS:
$(document).on('click','a.nav-link',function (e) {
$.ajax({
cache: false,url: "/Notification/NotificationList",type: 'GET',traditional: true,data: {
selectedNot: checkedIds
},contentType: 'application/json;',success: function (response) {
if (response.success != false) {
if (response.message == 0) { //If no notifications
//append no notifications landing page
}
else {
//append notifications in HTML
}
}
},});
});
解决方法
您尝试过这种方式吗?
$("a.nav-link").click(function () {
//your stuff
})
为我工作
,所以我得到了这个简单的解决方案。 我没有在JS中编写click事件,而是在JS中编写了一个函数,并直接从HTML调用onclick。似乎已经完全解决了问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。