javascript - JQuery Razor MVC Not Working -
i'm having issue jquery isn't firing on button click. i've been looking through chrome debugger nothing coming up. no errors , when button clicked nothing happens.
i using fresh build of mvc initial references web api , mvc. plugin wish working menu slider here
i have tried strip out as possible, sidr.js
, sidr.css
same taken above link.
can see i'm doing wrong? i've reordered scripts jquery-1.9.1.min
load first still no dice.
update
i have rebuilt below code on computer, same iis, visual studio etc , works (with button) making jquery not run (i've gone through references , match up) i'm out of ideas.
layout
<!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>
i believe plugin needs instantiated on markup list inside. this:
<a id="demo" href="#slide">reveal menu</a> <div id="slide"> <ul> <li><a href="#">menu item</a></li> </ul> </div>
Comments
Post a Comment