Javascript JQuery Razor MVC不工作_Javascript_Jquery_Asp.net Mvc

Javascript JQuery Razor MVC不工作

javascript jquery asp.net-mvc

Javascript JQuery Razor MVC不工作,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,我遇到了一个问题，JQuery没有在点击按钮时启动。我一直在查看Chrome调试器，但什么都没有出现。没有错误，单击按钮时不会发生任何事情我正在使用一个全新的MVC构建，其中包含对WebAPI和MVC的初始引用。我希望使用的插件是菜单滑块我已经尽可能地去掉了，sidr.js和sidr.css与上面的链接相同有人能看出我做错了什么吗？我对脚本进行了重新排序，以使jquery-1.9.1.min首先加载，但仍然没有骰子更新我刚刚在另一台计算机上重建了下面的代码，同样是IIS、Visual

我遇到了一个问题，JQuery没有在点击按钮时启动。我一直在查看Chrome调试器，但什么都没有出现。没有错误，单击按钮时不会发生任何事情

我正在使用一个全新的MVC构建，其中包含对WebAPI和MVC的初始引用。我希望使用的插件是菜单滑块

我已经尽可能地去掉了，

sidr.js

和

sidr.css

与上面的链接相同

有人能看出我做错了什么吗？我对脚本进行了重新排序，以使

jquery-1.9.1.min

首先加载，但仍然没有骰子

更新

我刚刚在另一台计算机上重建了下面的代码，同样是IIS、Visual Studio等，它可以（通过按钮）使JQuery无法运行（我已经查看了引用，它们匹配起来），因为我没有想法

布局

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.6.2.js")"></script>
    <link href="@Url.Content("~/Content/jquery.sidr.dark.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.sidr.js")"></script>

    <script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('#slide').sidr();
    });
    </script>

</head>
<body>

    <div id="sidr">
        <ul>
            <li>@Html.ActionLink("Home", "Index", "Home")</li>
        </ul>
    </div>
    <button id="slide">Reveal Menu</button>
    <div>
        @RenderBody()
        @RenderSection("scripts", required:false)
    </div>
</body>
</html>


@视图包。标题
$（文档）.ready（函数（）{
$（'幻灯片'）.sidr（）；
});

@ActionLink（“主页”、“索引”、“主页”）

显示菜单
@RenderBody（）
@RenderSection（“脚本”，必需：false）

如果您想让JQuery在单击时执行某些操作，请尝试此操作。

这里有一个fiddler，Jquery在点击按钮时弹出一个警报。

也许您可以从事件函数中触发幻灯片？

我认为这个插件需要在标记上实例化，并在其中列出一个列表。大概是这样的：

<a id="demo" href="#slide">Reveal Menu</a>
<div id="slide">
    <ul>
        <li><a href="#">Menu Item</a></li>
    </ul>
</div>

根据他们的文档，他们有以下代码：

<a id="demo" href="#sidr">Toogle menu</a> 
<div id="sidr"> 
    <ul>
         <li><a href="#">Side <a href="http://www.jqueryscript.net/menu/">Menu</a> 1</a></li>
         <li class="active"><a href="#">Side Menu 2</a></li>
         <li><a href="#">Side Menu 3</a></li>
    </ul>
</div>

我已经成功地在另一台机器上运行了这段精确的代码——我不认为Jquery需要太多，但肯定遗漏了一些东西。最初我是这么想的，但在我的另一台计算机上重新创建了这段代码，它可以很好地使用按钮，不确定我遗漏了什么，但有什么东西导致它无法启动。

<a id="demo" href="#sidr">Toogle menu</a> 
<div id="sidr"> 
    <ul>
         <li><a href="#">Side <a href="http://www.jqueryscript.net/menu/">Menu</a> 1</a></li>
         <li class="active"><a href="#">Side Menu 2</a></li>
         <li><a href="#">Side Menu 3</a></li>
    </ul>
</div>

<div id="sidr">
        <ul>
            <li>@Html.ActionLink("Home", "Index", "Home")</li>
        </ul>
</div>
<a id="slide" href="#sidr">Reveal Menu</button>