【发布时间】：2015-05-18 09:17:15
【问题描述】：
此代码在 .aspx 页面中运行良好，没有问题。但是，如果我使用母版页，那么这里没有任何效果。我尝试将 jQuery 脚本放在母版页中，即使这样也没有任何效果。这里有什么需要做的设置吗？仍然不明白为什么 info div 没有加载计数。下面是链接
<script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script>
我还参考了以下博客：
http://mwtech.blogspot.co.il/2009/04/2-ways-to-load-jquery-from-aspnet.html
我在母版页标题中添加了下面的代码，脚本也从 jQuery 新版本脚本中获得。
<script type="text/javascript" src="scripts/jquery-1.3.2.js"></script>
<script src="scripts/jquery-1.11.3.min.js" type="text/javascript"></script>
MasterPage.master 代码：
<head runat="server">
<title></title>
<script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"> </script>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
Default2.aspx 代码
<script type="text/javascript">
var Editor1 = '#Editor1';
var Editor1CountLimit = 50
var Editor1InfoArea = '#Info';
var Editor2 = '#Editor2';
var Editor1InfoArea1 = '#Info1';
$(document).ready(function () {
TrackCharacterCount(Editor1, Editor1CountLimit, Editor1InfoArea);
TrackCharacterCount(Editor2, Editor1CountLimit, Editor1InfoArea1);
});
function TrackCharacterCount(ctl, limit, info) {
var editor = $(ctl).contents().find('iframe').eq(2);
$(editor).load(function () {
var txt = $(this).contents().find('body').text();
$(info).html(txt.length); //set initial value
$(this).contents().keyup(function () {
var txt = $(this).contents().find('body').text();
if (txt.length > limit)
$(info).html(txt.length).css("color", "red");
else
$(info).html(txt.length).css("color", "");
});
});
}
function ValidateEditor1Length(source, args) {
var editor = $(Editor1).contents().find('iframe').eq(2);
var txt = editor.contents().find('body').text();
var isValid = txt.length > 0 && txt.length <= Editor1CountLimit;
args.IsValid = isValid;
}
function ValidateEditor1Length1(source, args) {
var editor = $(Editor2).contents().find('iframe').eq(2);
var txt = editor.contents().find('body').text();
var isValid = txt.length > 0 && txt.length <= Editor1CountLimit;
args.IsValid = isValid;
}
</script>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<div id="Info">Info</div>
<%-- <cc1:Editor ID="Editor1" runat="server" />--%>
<cc1:Editor ID="Editor1" runat="server" />
<asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="Editor1" ClientValidationFunction="ValidateEditor1Length" ErrorMessage="Exceeded Character Limit"></asp:CustomValidator>
<div id="Info1">Info</div>
<%-- <cc1:Editor ID="Editor2" runat="server" />--%>
<cc1:Editor ID="Editor2" runat="server" />
<asp:CustomValidator ID="CustomValidator2" runat="server" ControlToValidate="Editor2" ClientValidationFunction="ValidateEditor1Length1" ErrorMessage="Exceeded Character Limit"></asp:CustomValidator>
</div>
<asp:Button ID="Button1" runat="server" Text="Button" />
谢谢。
【问题讨论】：
-
它不起作用 - 您可以使用的最无用的一句话。什么不工作？它没有做什么？它在做什么不该做的事？您是否在浏览器开发人员工具中遇到控制台错误？帮助我们为您提供帮助
-
使用 jQuery 的单一引用。
-
但是没有伙伴发现错误错误。 @MartinSiagian
-
您的代码中添加了两个 jquery 版本（1.3.2 和 1.11.3）。只使用一个。
标签： javascript c# jquery html asp.net