ASP.NET MVC jQuery

Question

所以我试图让JQuery与我的项目一起工作，但它不希望启动。 在Scripts文件夹下包含jQuery-3.3.1.js，jQuery-3.3.1.min.js和jquery.lettering-0.6.1.min.js。

在_LayoutFile.cshtml视图中，我将Scripts.Render包移动到了头部。

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/jquery-3.3.1.js"></script>
<script src="~/Scripts/jquery.lettering-0.6.1.min.js"></script>
@Scripts.Render("~/bundles/jquery")
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@RenderSection("Scripts", false)
</head>

我有一个控制器，可以将模型传递给视图，并且视图看起来像这样。

 <head>
   @section Scripts
   {
   <script>
   $(document).ready(function () {
   $(".fancy_title").lettering();
   });
   alert("Hello");
   </script>
   }

无论我尝试什么，我都无法触发事件。 跑了几个教程，我无法让Jquery工作。 如果有人能指出我正确的方向，那将很棒。

Answer 1

尝试删除所有导致问题的冗余jQuery脚本标签，因为您正在加载多个jQuery实例：

<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/jquery-3.3.1.js"></script>

然后像下面的示例一样，将jquery.lettering脚本以正确的顺序添加到现有的~/bundles/jquery中（即jQuery必须位于最顶部，请参阅此参考资料）：

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                 "~/Scripts/jquery-3.3.1.js",
                 "~/Scripts/jquery-lettering-0.6.1.js"));

    // other stuff
}

您可以简单地使用@Scripts.Render("~/bundles/jquery")将所有必要的脚本呈现到布局/视图页面中。

ASP.NET MVC jQuery

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-10-27 02:44:46

ASP.NET MVC jQuery

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-10-27 02:44:46

解决方案1
0 已采纳 2018-10-27 02:44:46