我在Stackoverflow和其他来源上已经阅读了很多关于这个问题的内容,并意识到这是一个大问题。我已经测试了几种解决方案,但它仍然不起作用!
是否真的可以将jQuery和部分视图结合起来!?如果我理解它是正确的,部分视图内部的类会丢失绑定,并且在完成单击时永远不会触发,并且部分视图的内容不会加载到DOM中!这是它不起作用的原因吗?
任何想法如何解决此问题并使我的应用程序运行?将jQuery与部分视图一起使用时的任何特殊指导原则吗?
而不是像这样的常见点击事件:
artifact
我已经测试了这个
$(".modalOpen").click(function (e) {....
但没有触发!我知道所有jQuery脚本都可以工作,因为在我更改了一些代码并使用AJAX从Controller加载到View并将其插入div标签之后,我发现它已经停止工作了。
我还测试过更改顺序,将外部.js文件放在页面的顶部或底部,与jQuery文件相同。我已经测试过将View脚本(Index.cshtml)和外部脚本放在里面。但仍然没有成功。
在$( ".modalOpen" ).on( "click", function() {...
我头脑中有这个:
_Layout.cshtml
这是<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
@Scripts.Render("~/bundles/jquery")
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/project.css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/Scripts/myScript.js")
</head>
主视图的一小部分:
Index.cshtml
我拥有<div class="modal">
<div class="modalBox">
<div class="modalClose">X</div>
<h4>Headline</h4>
Content here....
</div>
点击按钮进入局部视图后,我可以通过AJAX加载内容,但当我尝试点击按钮打开模态窗口时,局部视图内部没有任何反应!
myScript.js
文件内部:
Index.cshtml
这是AJAX脚本,它从Controller加载内容,它位于<div class="testAjax">Test</div>
<div id="ListOfProducts"></div>
内:
myScript.js