如何使用jQuery在header.master页 [英] How to use JQuery in header.master page
本文介绍了如何使用jQuery在header.master页的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个header.master ASP 页，我试图来处理按钮的点击。
我的 MasterPage.master 具有以下codeS：
＆LT;％@大师LANGUAGE =VBcodeFILE =MasterPage.master.vb继承=母版％GT;＆LT;！DOCTYPE HTML＆GT;＆LT; HTML的xmlns =http://www.w3.org/1999/xhtml＆GT;
＆LT;头=服务器＆GT;
＆LT;标题＆GT;＆LT; /标题＆GT;
＆LT; ASP：的ContentPlaceHolder ID =头=服务器＆GT;
＆LT; / ASP：＆的ContentPlaceHolder GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;表ID =form1的=服务器＆GT;
＆LT; DIV＆GT;
＆LT; ASP：的ContentPlaceHolder ID =ContentPlaceHolder1=服务器＆GT; ＆LT; / ASP：＆的ContentPlaceHolder GT;
＆LT; / DIV＆GT;
＆LT; /表及GT;
＆LT; /身体GT;
在 Default.aspx的页，我有以下code：
＆LT;％@页面语言=VBAutoEventWireup =false的codeFILE =Default.aspx.vb继承=_默认％GT;＆LT;！DOCTYPE HTML＆GT;＆LT; HTML的xmlns =http://www.w3.org/1999/xhtml＆GT;
＆LT;头=服务器＆GT;
＆LT;标题＆GT;＆LT; /标题＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =// ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script>
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;表ID =form1的=服务器＆GT;
＆LT; DIV＆GT;
＆LT; ASP：文本框ID =TextBox1的=服务器/＆GT;
＆LT; ASP：按钮的ID =Button2的文本=搜索=服务器/＆GT;
＆LT; / DIV＆GT;
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{
//写你的code在这里
VAR TXT = $（'输入[ID $ = TextBox2中]'）VAL（）。
$（输入[ID $ =将Button2]）。点击（函数（）{
警报（世界，你好！）;
}）;
}）;
＆LT; / SCRIPT＆GT;
＆LT; /表及GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
每次我按一下按钮我得到以下错误： 0x800a1391 - JavaScript的运行时错误：'$'未定义
我的HTML源代码code具有这样的：
＆LT;！DOCTYPE HTML＆GT;＆LT; HTML的xmlns =http://www.w3.org/1999/xhtml＆GT;
＆LT; HEAD＆GT;＆LT;标题＆GT;＆LT; /标题＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =// ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script>
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;形式方法=邮报行动=Default.aspx的ID =form1的＆GT;
＆LT; DIV CLASS =aspNetHidden＆GT;
＆LT;输入类型=隐藏的名字=__ VIEWSTATEID =__ VIEWSTATE value=\"7dUu7W1yzgwgCERTGi4lbDb7UGbWC6oigS9K1dTKxNLxOKUQzVp9hkyhbKT/e5Ve22nU2D7eaALUFm2bnAuOroUPGHMRph/IDyBFloPmn0I=\" /＆GT;
＆LT; / DIV＆GT;＆LT; DIV CLASS =aspNetHidden＆GT; ＆LT;输入类型=隐藏的名字=__ EVENTVALIDATIONID =__ EVENTVALIDATION value=\"QCYR7lPBzDC4MzimaH8vIZhF02sSXZE7Cf62VB3M7wEBPRqcglslWJOpXkEEhd9Uw5st2qukgt5t0k0g4Wht3U04fUZzVjfVER5iHbnrs9HEnjwqYebT1BCrLysKW9hhIPI4IIcy1JzrwgDvl0Yvpw==\" /＆GT;
＆LT; / DIV＆GT;
＆LT; DIV＆GT;
＆LT;输入名称=TextBox1的类型=文本ID =TextBox1中/＆GT;
＆LT;输入类型=提交名称=Button2的价值=搜索ID =Button2的/＆GT;
＆LT; / DIV＆GT;
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{
//写你的code在这里
VAR TXT = $（'输入[ID $ = TextBox2中]'）VAL（）。
$（输入[ID $ =将Button2]）。点击（函数（）{
警报（世界，你好！）;
}）;
}）;
＆LT; / SCRIPT＆GT;
＆LT; /表及GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
解决方案
在JavaScript中使用＃您不能使用asp.net控件ID。
所以试试这个code使用asp.net控件的ID在JavaScript如下图所示。
$（＃＆LT;％= Button2.ClientID％GT;）。点击（函数（）
{
警报（的Hello World）;
}）;
我希望它会帮助你。
I have a header.master ASP page and I am trying to handle a button click.
My MasterPage.master has the following codes:
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
In Default.aspx page I have the following code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"/>
<asp:Button ID="Button2" text="Search" runat="server"/>
</div>
<script>
$(document).ready(function () {
//write your code here
var txt = $('input[id$=TextBox2]').val();
$("input[id$=Button2]").click(function () {
alert("Hello world!");
});
});
</script>
</form>
</body>
</html>
Everytime I click the button I get the following error: 0x800a1391 - JavaScript runtime error: '$' is undefined
My HTML source code has this:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<form method="post" action="Default.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="7dUu7W1yzgwgCERTGi4lbDb7UGbWC6oigS9K1dTKxNLxOKUQzVp9hkyhbKT/e5Ve22nU2D7eaALUFm2bnAuOroUPGHMRph/IDyBFloPmn0I=" />
</div>
<div class="aspNetHidden">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="QCYR7lPBzDC4MzimaH8vIZhF02sSXZE7Cf62VB3M7wEBPRqcglslWJOpXkEEhd9Uw5st2qukgt5t0k0g4Wht3U04fUZzVjfVER5iHbnrs9HEnjwqYebT1BCrLysKW9hhIPI4IIcy1JzrwgDvl0Yvpw==" />
</div>
<div>
<input name="TextBox1" type="text" id="TextBox1" />
<input type="submit" name="Button2" value="Search" id="Button2" />
</div>
<script>
$(document).ready(function () {
//write your code here
var txt = $('input[id$=TextBox2]').val();
$("input[id$=Button2]").click(function () {
alert("Hello world!");
});
});
</script>
</form>
</body>
</html>
解决方案
you can not use the asp.net control id using # in javascript.
so try this code to use asp.net control id in javascript as below.
$("#<%=Button2.ClientID %>").click(function()
{
alert("Hello World.");
});
i hope it will help you.
这篇关于如何使用jQuery在header.master页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
