jQuery class 选择器在 .NET 5 升级后不工作
jQuery class selector not working after .NET 5 upgrade
我正在进行 .NET5 升级,在升级代码时我发现我的 jQuery 选择器 classes 不工作。这是一个带有剃刀页面的 MVC 项目。
在我看来,我的脚本位于顶部,我用锚标记调用菜单项:
<script src="~/menu.js" type="text/javascript"></script>
<a href="#" class="menu-pop create_new_project" data-position="right" data-content="New Project" id="new-project">
<i class="fa fa-edit"></i>
<span>New Project</span>
</a>
然后在我的menu.js中是这样调用的:
$('.create_new_project').on('click', function (e) { ...do stuff});
更新
刚发现如果我重定向到另一个页面,它就会触发。当您查看菜单时,我可以确认脚本存在。开发者控制台也没有错误。我真的不确定我做错了什么。
我尝试使用 id 而不是 class 并添加选择器:
$('#new-project').on('click', function (e) { ...do stuff});
$('#new-project').on('click', 'a', function (e) { ...do stuff});
问题仍然存在。
它加载在 DOM
试试这个。
$('body').on('click', 'a.myclass', function() { // do something });
此处将触发任何(包括动态)元素。
这个 link 可能帮助满满。 => How do I attach events to dynamic HTML elements with jQuery?
我正在进行 .NET5 升级,在升级代码时我发现我的 jQuery 选择器 classes 不工作。这是一个带有剃刀页面的 MVC 项目。
在我看来,我的脚本位于顶部,我用锚标记调用菜单项:
<script src="~/menu.js" type="text/javascript"></script>
<a href="#" class="menu-pop create_new_project" data-position="right" data-content="New Project" id="new-project">
<i class="fa fa-edit"></i>
<span>New Project</span>
</a>
然后在我的menu.js中是这样调用的:
$('.create_new_project').on('click', function (e) { ...do stuff});
更新 刚发现如果我重定向到另一个页面,它就会触发。当您查看菜单时,我可以确认脚本存在。开发者控制台也没有错误。我真的不确定我做错了什么。
我尝试使用 id 而不是 class 并添加选择器:
$('#new-project').on('click', function (e) { ...do stuff});
$('#new-project').on('click', 'a', function (e) { ...do stuff});
问题仍然存在。
它加载在 DOM
试试这个。
$('body').on('click', 'a.myclass', function() { // do something });
此处将触发任何(包括动态)元素。
这个 link 可能帮助满满。 => How do I attach events to dynamic HTML elements with jQuery?