问题描述
_Layout.cshtml代码<!DOCTYPEhtml><html><head><title>@ViewBag.Title</title><metacharset="utf-8"/><metacontent="yes"name="apple-mobile-web-app-capable"/><metacontent="telephone=no"name="format-detection"/><metacontent="black"name="apple-mobile-web-app-status-bar-style"/><metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/><metaname="description"content=""/><linkhref="@Url.Content("~/Content/Site.css")"rel="stylesheet"type="text/css"/><scriptsrc="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"type="text/javascript"></script><linkhref="@Url.Content("~/css/jquery.css")"rel="stylesheet"/><linkhref="@Url.Content("~/css/list.css")"rel="stylesheet"/><scriptsrc="@Url.Content("~/js/jquery.min.js")"type="text/javascript"></script><scriptlanguage="javascript"type="text/javascript">$(document).ready(function(e){$(".categorylist").each(function(i){$(this).find("h2").tap(function(){if($(".categorylist").eq(i).find("dl").css("display")=="none"){$(".categorylist").eq(i).find("dl").fadeIn();}else{$(".categorylist").eq(i).find("dl").fadeOut();}})});/*显示隐藏头部菜单*///$("#shmenu").tap(function(){//if($(".globalMenu").css("display")=="none"){//$(".globalMenu").fadeIn();//}else{//$(".globalMenu").fadeOut();//}//})$(document).ready(function(){$("#shmenu").click(function(){$(".globalMenu").toggle();})});//返回顶部$("#gotop").click(function(){$("html,body").animate({scrollTop:0},1000);});});</script></head><body>@RenderBody()</body></html>默认首页@modelWangChaoXiong.DS.WX.Models.GreensModel@{Layout="~/Views/Shared/_Layout.cshtml";ViewBag.Title="";}<!--头部开始--><sectionclass="headbg"><ahref="category_1.html"data-role="none"class="back_prosh_iconui-btn-leftleft"data-rel="back"data-ajax="false"></a><h1class="htcolor">全部菜品</h1><spanid="shmenu"class="righticon"></span></section><!--头部结束--><!--导航开始-->@*@Html.Action("TopNavigation","Home")*@<sectionclass="globalMenu"><!--当前页面这里可以显示隐藏但是页面跳转之后无法触发相应的js事件了--><ahref="@Url.Action("Index","Home")"data-ajax="false"class="micon">全部</a><ahref="category.html"data-ajax="false"class="miconcf">分类</a><ahref="search.html"data-ajax="false"class="miconsh">推荐</a><ahref="user/cart.html"data-ajax="false"class="miconcart">购物车</a><ahref="user/user.html"data-ajax="false"class="miconprs">个人</a></section><!--导航结束--><!--搜索开始--><sectionclass="pal10"><divclass="input_search"><inputtype="text"data-role="none"placeholder="请输入关键字"class="ptb5"/><spanclass="searchbg"><inputtype="button"data-role="none"class="searchbut2icon"></span></div></section><!--搜索结束--><!--菜品列表开始--><sectionclass="pal10">@if(Model.GreensList!=null&&Model.GreensList.Count>0){foreach(varteiminModel.GreensList){<divstyle="border:1pxsolid#EAEAEA;height:auto;"><tableborder="0"cellpadding="0"cellspacing="0"><tr><tdrowspan="3"style="width:100px;height:100px;border:0;padding:4px;"><ahref="@Url.Action("DishesDetails","Home",new{DishesId=@teim.Id})"><imgsrc="@teim.SmallImgSrc"width="100"height="100"/></a></td><tdstyle="border:0;font-size:13px;color:#CCC;"colspan="2"><ahref="@Url.Action("DishesDetails","Home",new{DishesId=@teim.Id})"style="color:#666;">@teim.GreensName</a></td></tr><tr><tdstyle="border:0;font-size:11px;"colspan="2">@teim.Introduction</td></tr><tr><tdstyle="border:0;font-size:12px;color:#F70;">￥@teim.Price</td><tdstyle="border:0;font-size:11px;width:60px;padding-right:4px;">加入购物车</td></tr></table></div>}<divstyle="margin-top:20px;border:1pxsolid#EAEAEA;line-height:28px;text-align:center;">加载更多</div>}</section><!--菜品列表结束--><!--页底版权开始-->@Html.Action("BottomPage","Home")<!--页底版权结束-->在默认首页时可以触发$(document).ready(function(){$("#shmenu").click(function(){$(".globalMenu").toggle();})});但是页面跳转后就无法触发了
解决方案
解决方案二：
我把另一个页面的<!--头部开始--><sectionclass="headbg"><ahref="category_1.html"data-role="none"class="back_prosh_iconui-btn-leftleft"data-rel="back"data-ajax="false"></a><h1class="htcolor">全部菜品</h1><spanid="shmenu"class="righticon"></span>这里改为和默认页id不相等的<spanid="shmenu2"class="righticon"></span></section><!--头部结束-->跳转后的页面js改为$(document).ready(function(){$("#shmenu2").click(function(){$(".globalMenu").toggle();})});这样就没问题了求解
解决方案三：
可能是对Html5不熟造成的找到一个决绝办法是改<spanid="shmenu"class="righticon"></span>为<spanid="shmenu"class="righticon"onclick="toggleMenu()"></span>去掉js$(document).ready(function(){$("#shmenu").click(function(){$(".globalMenu").toggle();})});加上jsfunctiontoggleMenu(){$(".globalMenu").toggle();}
解决方案四：
页面载入的js函数中最好调用其他函数实现、以前也遇见这类问题、很蛋疼的、