Использование gridster в asp.net mvc
Я пытаюсь использовать gridster (плагин jQuery) в моем приложении ASP.Net MVC, но безуспешно. Я установил пакет Gridster Nuget. Добавлены как CSS, так и JS в связках. Мой тестовый вид включает в себя учебный код.
BundleConfig.cs:
bundles.Add(new ScriptBundle("~/bundles/gridster").Include(
"~/Scripts/jquery.gridster.js"));
bundles.Add(new StyleBundle("~/Content/gridstercss").Include(
"~/Content/jquery.gridster.css"));
Text.cshtml:
@{
ViewBag.Title = "Test";
Layout = "~/Views/Shared/_LayoutSimple.cshtml";
}
<h2>Test</h2>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">1</li>
<li data-row="2" data-col="1" data-sizex="1" data-sizey="1">2</li>
<li data-row="3" data-col="1" data-sizex="1" data-sizey="1">3</li>
<li data-row="1" data-col="2" data-sizex="2" data-sizey="1">4</li>
<li data-row="2" data-col="2" data-sizex="2" data-sizey="2">5</li>
<li data-row="1" data-col="4" data-sizex="1" data-sizey="1">6</li>
<li data-row="2" data-col="4" data-sizex="2" data-sizey="1">7</li>
<li data-row="3" data-col="4" data-sizex="1" data-sizey="1">8</li>
<li data-row="1" data-col="5" data-sizex="1" data-sizey="1">9</li>
<li data-row="3" data-col="5" data-sizex="1" data-sizey="1">10</li>
<li data-row="1" data-col="6" data-sizex="1" data-sizey="1">11</li>
<li data-row="2" data-col="6" data-sizex="1" data-sizey="2">12</li>
</ul>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/gridster")
@Styles.Render("~/Content/gridstercss")
<script type="text/javascript">
$(function () { //DOM Ready
$(".gridster ul").gridster({
widget_margins: [10, 10],
widget_base_dimensions: [140, 140]
});
});
</script>
Ошибка, которую я получаю при загрузке страницы:
Uncaught TypeError: $ (...). Gridster не является функцией
Что я делаю неправильно? Почему документация по пакетам Nuget такая скудная?