Использование 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 такая скудная?

0 ответов

Другие вопросы по тегам