我尝试使用以下代码组合脚本:
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script>
$(document).ready(function () {
alert("asd");
});
</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<asp:ScriptManager runat="server" ID="scMan1">
<CompositeScript>
<Scripts>
<asp:ScriptReference Path="~/Scripts/jquery-1.4.1.js" />
</Scripts>
</CompositeScript>
</asp:ScriptManager>
</asp:Content>
似乎它工作得很好,因为在HTML生成的源脚本标签存在,其中包含jQuery。
<script src="/WebSite2/ScriptResource.axd?d=hX0MDGfWoeBxqyrCFnUlb_i8FIXYFH2jSHZZ8wsoh3wFhHjdmAfUYtPy5B129cjGB7udx4AYPQm_cJi8Xf7uSMn9bbw2gWuhnKTab4SQhBy8ulESCXITgKubR2QozYUq-EPeVYNsCW4jU_8hY-J9fA2" type="text/javascript"></script>
但是jQuery现在不能工作。
当我引用脚本时,通常使用jQuery。
我做错了什么?谢谢大家
我的主页是这样的:
然后将脚本添加到EndPage
区域。
我在这里也包含了ajax的标准jQuery设置。
<%@ Master AutoEventWireup="false" CodeBehind="Standard.master.cs" Inherits="NameNamespace.Standard" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><asp:ContentPlaceHolder ID="headTitle" runat="server" /></title>
<link rel="Stylesheet" type="text/css" href="main.css" media="screen" />
<link rel="Stylesheet" type="text/css" href="print.css" media="print" />
<script src="Javascript/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="Javascript/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>
<asp:ContentPlaceHolder id="head" runat="server" />
</head>
<body>
<form id="form1" runat="server" >
<span id="error" style="color:red" />
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
<script type="text/javascript">
$.ajaxSetup({
type: "POST",
contentType: "application/json; charset=utf-8",
data: "{}",
dataFilter: function(data) {
var msg;
if (typeof (JSON) !== 'undefined' && typeof (JSON.parse) === 'function')
msg = JSON.parse(data);
else
msg = eval('(' + data + ')');
if (msg.hasOwnProperty('d'))
return msg.d;
else
return msg;
},
error: function(msg) {
$('#error').html(msg.responseText)
}
});
</script>
<asp:ContentPlaceHolder id="EndPage" runat="server" />
</form>
</body>
</html>
原始答案。
看起来你的顺序是错的。jQuery需要放在第一位——在你的例子中,你的代码在头部使用jQuery,在正文中使用jQuery。
我认为这是因为jQuery在被包含之前使用过。
在这个例子中,你使用jQuery在头部$(,但jQuery核心包括在正文