0
：Index.cshtmlに続いてdocument.readyのjqueryの難易度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.js")" type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
@RenderBody()
</body>
</html>
を私は次のコードをしている：私はFirebugのと
@{
ViewBag.Title = "Index";
}
<h2>
Index</h2>
<div data-role="page">
<div data-role="header">
...</div>
<div data-role="content">
<a id="btnShowCustomers" data-role="button" href="#secondDiv"></a>
</div>
<div data-role="footer">
...</div>
</div>
<div id="secondDiv" data-role="page">
<div data-role="content">
</div>
</div>
<script type="text/javascript">
(document).ready(function (event) {
$('#btnShowCustomers').bind('click', function (event) {
GetCustomers();
});
});
function GetCustomers() {
var webMethod = "Home/GetCustomers";
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: webMethod,
data: "{}",
dataType: "json",
success: function (dataObj) {
alert('lala');
}
});
}
</script>
デバッグを取得次のエラー：
document.ready関数 [このエラーのブレーク]（ドキュメント）.ready（関数（イベント）{
ありません3210これはどのように可能ですか？ドキュメントの準備ができたら、ボタンのクリックイベントのハンドラを登録したいと思います。このがは、jQueryのコードは、一般的に、セレクタやその他もろもろのために、そのコンテキストにアクセスするには、この接頭辞を使用して、異なることができますが -
これを '$（document）.ready（...'）に置き換えてください。そこに '$'変数を入れるのを忘れてしまいました。 – Lapple
jQueryインクルージョンの場合、なぜカミソリを使用しますか？それは外部リソースなので、'によって ' –
あなた'$（document）.ready（function（）{'）の代わりに '$（function（）{' – jgauffin