I try to run a basic javascript in all my pages (before load another html code), then I add my js function to _Layout.cshtml but doesn't work (I don't how is correct way to do it). Thanks in advance.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<meta name="viewport" content="width=device-width" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
@Styles.Render("~/Content/mobileCss", "~/Content/css")
@Scripts.Render("~/bundles/modernizr")
<script type="text/javascript">
$(document).ready(function () {
alert("Do something");
});
</script>
</head>
<body>
<div data-role="page" data-theme="b">
<div data-role="content">
@RenderBody()
</div>
</div>
@Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
@RenderSection("scripts", required: false)
</body>
</html>
I try to run a basic javascript in all my pages (before load another html code), then I add my js function to _Layout.cshtml but doesn't work (I don't how is correct way to do it). Thanks in advance.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<meta name="viewport" content="width=device-width" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
@Styles.Render("~/Content/mobileCss", "~/Content/css")
@Scripts.Render("~/bundles/modernizr")
<script type="text/javascript">
$(document).ready(function () {
alert("Do something");
});
</script>
</head>
<body>
<div data-role="page" data-theme="b">
<div data-role="content">
@RenderBody()
</div>
</div>
@Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
@RenderSection("scripts", required: false)
</body>
</html>
-
FYI: if you place you javascript at the bottom of HTML, just before the closing
</body>tag, it will be executed when DOM has been plete. Thus making the use of$.ready()pointless, obsolete and wasteful. – tereško Commented Nov 23, 2012 at 16:36
1 Answer
Reset to default 5@Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
must be before
<script type="text/javascript">
$(document).ready(function () { // JQuery not loaded here, $ is undefined
alert("Do something");
});
</script>