我刚刚开始从事 MVC 工作。今天,我尝试编写一个测试应用程序,以便在单击按钮时显示 Jquery 对话框。我在 Visual Studio 2013 中创建了一个 Web 项目并选择了 MVC 模板。在 Index.cshtml 中我有以下代码。我包含了从 jqueryui.com 下载的所有 ui 相关 js 文件
@{
ViewBag.Title = "Home Page";
}
<link href="~/Scripts/jquery-ui.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery-ui.js"></script>
<div id="dialog" title="Basic dialog">
<p> This is a basic dialog.</p>
</div>
<button type="button" id="open">Click Me.</button>
<script type="text/javascript">
$(document).ready(function () {
$("#open").click(function () {
$("#dialog").dialog();
});
});
</script>
当我尝试运行上面的代码时,它根本不起作用。但是当我在 _Layout.cshtml 中评论以下行时,它起作用了。
@Scripts.Render("~/bundles/jquery")
我尝试注释 Index.cshtml 文件中的包含脚本部分而不注释上面的行,但它不起作用。该对话框仅在我在上面评论时显示。
谁能告诉我这里有什么问题,或者有任何资源链接可以让我获得有关此问题的更多信息吗?
不包括js/css
文件在视图上,只需使其捆绑(我认为 js/css 文件存在于bundleconfig中,并且您还明确地将它们包含在视图中,这就是它们的js文件冲突的原因)只需在布局页面上渲染捆绑@Scripts.Render("~/bundles/jquery")
然后在您的视图中使用以下代码:-
Use @section scripts{ }
在 .cshtml 中为:-
@section scripts{
<script type="text/javascript">
$(document).ready(function () {
$("#open").click(function () {
$("#dialog").dialog();
});
});
</script>
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)