I am not able to get document.ready event or attach button click event.
What am i missing here?
This is how my view looks like:
@section script
{
<script language="javascript" type="text/javascript">
$(document.ready(function(){
alert('Hello');
});
$('#btnGo').bind('click', function () {
alert('User clicked button');
});
</script>
}
<input type="text" id="txtStop" />
<input type="button" id="btnGo" value="Get Schedule" />
This is how my layout file looks like:
<html>
<head>
<link href="../../Content/themes/base/jquery.mobile-1.0b3.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.mobile-1.0b3.js" type="text/javascript"></script>
</head>
@RenderSection("script")
<body>
<div data-role="page">
<div data-role="header">
</div>
<div data-role="content">@RenderBody()</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
</body>
</html>
You’re not declaring the document.ready properly
Currently it’s
$(document.ready(function(){It either needs to be
or