Jquery 母版页javascript加载事件
我在母版页中添加了一个新菜单我应该在母版页中使用javascript函数来设置我的菜单,第一次加载页面时一切正常,但当我单击菜单项重定向到另一个aspx页面时,母版中的setupmenu()函数不起作用 这是我的密码Jquery 母版页javascript加载事件,jquery,asp.net,webforms,master-pages,Jquery,Asp.net,Webforms,Master Pages,我在母版页中添加了一个新菜单我应该在母版页中使用javascript函数来设置我的菜单,第一次加载页面时一切正常,但当我单击菜单项重定向到另一个aspx页面时,母版中的setupmenu()函数不起作用 这是我的密码 <%@ Master Language="VB" AutoEventWireup="false" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %> <%@ Register Assembly
<%@ Master Language="VB" AutoEventWireup="false" CodeFile="MasterPage.master.vb"
Inherits="MasterPage" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>
<!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 id="Head1" runat="server">
<title>Qualipro Net</title>
<script type="text/javascript">
$( document ).ready(function() {
function setupmenu() {
$("#section-menu")
.accordion({
"header": "a.menuitem"
})
.bind("accordionchangestart", function (e, data) {
data.newHeader.next().andSelf().addClass("current");
data.oldHeader.next().andSelf().removeClass("current");
})
.find("a.menuitem:first").addClass("current")
.next().addClass("current");
$('#section-menu .submenu').css('height', 'auto');
}
});
</script>
<script src="js/scripts.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jqPlot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="js/jqPlot/plugins/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="js/jqPlot/plugins/jqplot.pieRenderer.min.js"></script>
<script type="text/javascript" src="js/jqPlot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="js/jqPlot/plugins/jqplot.highlighter.min.js"></script>
<script type="text/javascript" src="js/jqPlot/plugins/jqplot.pointLabels.min.js"></script>
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui/jquery.ui.core.min.js"></script>
<script src="js/jquery-ui/jquery.ui.widget.min.js" type="text/javascript"></script>
<script src="js/jquery-ui/jquery.ui.accordion.min.js" type="text/javascript"></script>
<script src="js/jquery-ui/jquery.effects.core.min.js" type="text/javascript"></script>
<script src="js/jquery-ui/jquery.effects.slide.min.js" type="text/javascript"></script>
<body id="Body1" dir="ltr" runat="server">
<form id="form1" runat="server">
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
<asp:Panel ID="panelAModif" runat="server" align="left" CssClass="panelmod">
<div class="grid_2">
<div class="box sidemenu">
<div class="block" id="section-menu">
<ul class="section menu">
<li><a class="menuitem">G.R.H</a>
<ul class="submenu">
<li><a >Employés</a>
</li>
<li><a runat="server" href="~/employe/RemplacerPersonne.aspx">Remplacer Personne</a> </li>
</ul>
</li>
<li><a class="menuitem">Documentation</a>
<ul class="submenu">
<li><a>Documents internes</a> </li>
</ul>
</li>
<li><a class="menuitem">Audits</a>
<ul class="submenu">
<li><a>Audits</a> </li>
</ul>
</li>
<li><a class="menuitem">Actions</a>
<ul class="submenu">
<li><a>Actions</a> </li>
<li><a>Demandes d'actions</a> </li>
<li><a>Modèle d'actions</a> </li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</asp:Panel>
</asp:ContentPlaceHolder>
</form>
</body>
Qualipro网
$(文档).ready(函数(){
功能设置菜单(){
$(“#部分菜单”)
.手风琴({
“标题”:“a.menuitem”
})
.bind(“accordionchangestart”,函数(e,数据){
data.newHeader.next().andSelf().addClass(“当前”);
data.oldHeader.next()和self().removeClass(“当前”);
})
.find(“a.menuitem:first”).addClass(“当前”)
.next().addClass(“当前”);
$(“#部分菜单.子菜单”).css('height','auto');
}
});
文件
- 文件实习生
审计
- 审计
行动
- 行动
- 要求采取行动
- 行动模式
我没有找到从另一个内容页调用javascript函数的解决方案。
提前感谢第一个问题:
javascript/jQuery脚本必须在包含jQuery之后出现,否则它将不知道$
的含义
e、 g按此顺序:
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$( document ).ready(function() {
function setupmenu() {
$("#section-menu")
.accordion({
"header": "a.menuitem"
})
.bind("accordionchangestart", function (e, data) {
data.newHeader.next().andSelf().addClass("current");
data.oldHeader.next().andSelf().removeClass("current");
})
.find("a.menuitem:first").addClass("current")
.next().addClass("current");
$('#section-menu .submenu').css('height', 'auto');
}
});
</script>
您是否遇到客户端错误?这是一个问题,我会解决它,但最大的问题是:当我转到另一个页面时,我会寻找一个方法来激活函数setupmenu()。谢谢@TrueBlueAussie,但我如何从另一个页面调用此函数page@hamza437你现在解决了这个问题吗?通过使其全球化,您可以在任何地方调用它。只需确保调用代码在DOM就绪处理程序中:)问题是,它在母版页中,我没有找到在每次加载页面时调用它的方法
<script type="text/javascript">
function setupmenu() {
$("#section-menu")
.accordion({
"header": "a.menuitem"
})
.bind("accordionchangestart", function (e, data) {
data.newHeader.next().andSelf().addClass("current");
data.oldHeader.next().andSelf().removeClass("current");
})
.find("a.menuitem:first").addClass("current")
.next().addClass("current");
$('#section-menu .submenu').css('height', 'auto');
}
</script>