jQuery事件不与ASP.NET MVC部分视图一起使用

时间:2016-04-27 08:36:56

标签: javascript jquery ajax asp.net-mvc asp.net-ajax

我在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>

中的所有活动和其他javascript代码

点击按钮进入局部视图后,我可以通过AJAX加载内容,但当我尝试点击按钮打开模态窗口时,局部视图内部没有任何反应!

myScript.js文件内部:

Index.cshtml

这是AJAX脚本,它从Controller加载内容,它位于<div class="testAjax">Test</div> <div id="ListOfProducts"></div> 内:

myScript.js

0 个答案:

没有答案