我是 MVC 4 和 JQuery 的新手。这是一个简单的问题,但我提供了额外的信息以防有帮助。我的问题是“如何将简单的 jquery 插件合并到 MVC 4 框架中?” 我在将 jquery 插件合并到我的项目中完全失败。我已经让“alert”document.ready 测试可以工作,但是在将其合并到 MVC 框架中时,我还没有任何插件可以工作。我已经到处寻找有关这方面的可靠教程,但找不到任何内容。
我希望能够回答上面的一般问题,或者回答我在以下实现中做错的事情。我正在尝试将图片轮播添加到新的 MVC Web 应用程序项目的布局中。我一定有什么不对劲的地方,因为幻灯片 jquery 插件与 MVC 4 完全不同(请参阅底部的 html),但在将所有内容添加到新的 MVC 4 项目后,图像只是在页面上彼此相邻地显示。在放入我的 MVC 项目之前,我将幻灯片配对,以便不需要 CSS,并验证它可以在 MVC 4 之外工作。请帮忙!--被困了这么长时间。这是我的代码:
_Layout.cshtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
</head>
<body>
<header>
<div class="content-wrapper">
<div class="float-left">
<p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p>
</div>
<div class="float-right">
<section id="login">
@Html.Partial("_LoginPartial")
</section>
<nav>
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
</nav>
</div>
</div>
</header>
<div id="body">
@RenderSection("featured", required: false)
<section class="content-wrapper main-content clear-fix">
@RenderBody()
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>© @DateTime.Now.Year - My ASP.NET MVC Application</p>
</div>
</div>
</footer>
<div id="slides">
<img src="~/Images/Home_AEB3075%20(1).jpg" width="464" height="309" />
<img src="~/Images/Home_AEB3075%20(2).jpg" width="464" height="309" />
<img src="~/Images/Home_AEB3075%20(3).jpg" width="464" height="309" />
</div>
<script>
$(function () {
$('#slides').slidesjs({
width: 464,
height: 309,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
});
</script>
@RenderSection("scripts", required: false)
</body>
</html>
BundleConfig.cs
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
"~/Scripts/jquery-ui-{version}.js",
"~/Scripts/jquery.ui.slides.js"));
最佳答案
呃,问题是我的 BundleConfig.cs 文件中的脚本命名不正确。该脚本是 jquery.slides.js,而不是 jquery.slides.ui.js。输入正确的脚本名称后,一切都完美运行。
关于jquery - 将 JQuery 插件添加到新的 MVC4 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15963233/