JQuery菜单menu问题。。怎么设置默认选择。。

我做的页面右上角有“欢迎**登陆”的字样，当点击它的时候，我希望左边菜单栏中的Menu中的“用户信息”-》“个人信息”也会被选中,希望大家帮我解答下，谢谢了。

解决方案 »

  1.   

    你的menu下的用户信息下面的那个菜单, 如个人信息, 是直接点击的, 还是有事件?
    如果有事件, 就在点击登录的那个后面加上这个, '个人信息'的事件咯,
    如果直接写链接的话, 
    不知道你用啥 iframe不, 如果是, 
    就直接写 iframe名.location = $("个人信息的ID").attr("href");
      

  2.   

    菜单那个是超练级 href=“*”
    是iframe，我无论打击“欢迎”还是“个人信息”，都可以实现页面跳转关键是我点“个人信息”，菜单可以展开，而点击“欢迎**”菜单不展开，希望后者可以和前者一样
      

  3.   

    “欢迎”那就是一个<a>的超链接，求大神给代码！！
      

  4.   

    都没啥呀, 我觉得说的差不多吧, 
    那你就在那个欢迎的那个链接写, 个人信息的链接咯,
    target="iframe名"就都可以了咯, 感觉方法也不要了,
      

  5.   

    大致的代码
    <html>
    <head>
    /*导入各种JQuery文件*/
    </head>
    <body>
    <div id="menu">/*菜单*/
        <ul>
            <li><a href="user.html">用户信息</a><li>
            <li><a href="**">修改密码</a><li>
            <li><a href="***">。</a><li>
        </ul>
    </div>
    <a href="user.html" target-"ifarme">欢迎${username}，登陆</a>
    </body>
    </html>
    我现在的情况是当我点击“修改密码”然后再点击“欢迎登陆”的时候菜单栏的菜单标记还是停留在“修改密码”上，我想问，怎么才可以点“欢迎登陆”的时候，菜单的标记栏也会变动下，由于自己的办公电脑不能上网，只能这么说了，希望大家可以理解，谢谢了
      

  6.   

    <html>
    <head>
    /*导入各种JQuery文件*/
    </head>
    <body>
    <div id="menu">/*菜单*/
       <ul>
       <li><a href="user.html">用户信息</a><li>
       <li><a href="**">修改密码</a><li>
       <li><a href="***">。</a><li>
       </ul>
    </div>
    <a href="user.html" target="myifarme">欢迎${username}，登陆</a>
    /* 你要加个iframe呀, 还有 target="myifarme"*/
    <div>
        <iframe name="myifarme" marginwidth="0" marginheight="0" width="100%" align="top" border="0" frameborder="0" scrolling="no" src=""></iframe>
    </div>
    </body>
    </html>
      

  7.   

    如图
    现在左边菜单里"个人资料设置"是标识栏(高亮的),当点击"社区积分"的时候  "社区积分"就会变成标识栏我的页面是当我点击"修改密码"后 标识栏变成"修改密码" 然后点击"欢迎${username}，登陆"的时候希望标识栏的高亮位回到"个人信息"  这么说明白吗?麻烦帮小弟解答下 谢谢了
      

  8.   


    $(function (){
    // 为每个添加事件, 具体样式自己写, 我只写了颜色变红,
        $("#menu a").click(function(){
            $("#menu a").css("color", "black");
            $(this).css("color", "red");
        });
    // 至于下面的那个, 
        $("#login").click(function(){
            $("#menu a").css("color", "black").parent().find("a").eq(0).css("color", "red");
        });});// 加个login ID, 这只是简单的实现效果, 当然要更好点的, 还要完善咯
    <a href="user.html" target="myifarme" id="login">欢迎${username}，登陆</a>
      

  9.   

    大神 这是我页面的代码<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%@ taglib prefix="s" uri="/struts-tags"%>
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>@import "css/style.css";</style>
    <style>@import "css/layout1.css";</style>
    <title>**********</title>
    <SCRIPT type="text/javascript" src="lib/jquery-1.4.4.min.js"></SCRIPT>
    <SCRIPT type="text/javascript" src="lib/jquery.ebMenu.js"></SCRIPT>
    </head>
    <body>
    <div id="container"> <div id="header">
    <div id="title"><img src="images/title.png"/></div>
      <div><a class="date" style="top: 11px; left: 744px; width: 145px;">${requestScope.date}  ${requestScope.strw}</a></div>
    <div id="usr" style="top: 97px; height: 21px; left: 735px; width: 304px;">
    <a class="denglu" href="FindUser.action" onclick="" target="musiclist">欢迎[${requestScope.username}]登录</a>|<a class="denglu" href="login.jsp">退出</a>
    </div>
    <div class="border-bottom"></div>
    </div>
    <div id="m-wrapper">
    <div id="mw-padding">
    <div id="sidebar">
    <ul id="v-menu">
    <li id="mebu1">
    <a href="#">用户信息</a>
    <ul>
    <li id="one"><a href="FindUser.action" target="musiclist">查看个人信息</a></li>
    <li><a href="updateUserPwd.jsp" target="musiclist">修改个人密码</a></li>
    <li><a href="listUser.action" target="musiclist">所有用户信息</a></li>
    </ul>
    </li>
    <li id="mebu2">
    <a href="#">试验结果查询</a>
    <ul>
    <li><a href="listTaishi.action" target="musiclist">试验态势</a></li>
    <li><a href="listShuju.action" target="musiclist">试验数据</a></li>
    </ul>
    </li>
    </ul>
    </div><!--end of sidebar-->
    <iframe id="frame_content" scrolling="no" frameborder="0"
    onload="this.height=100" name="musiclist" width="690"
    src="welcome.htm">
    </iframe>
    </div><!--end of mw-padding-->
    </div>
    </div><!--end of #container-->
    <div id="copyright">Copyright&copy;************</div>
    </body>
    </html>
    能不能用已完成的标识栏呢?  我这个用的是JQuery  之前有自带的  求代码  跪谢了
      

  10.   


    // 无语呀, 你这里有个 , jquery.ebmenu.js应该是那个树来的吧, 你改样式应该改那个里面的, 
    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%@ taglib prefix="s" uri="/struts-tags"%>
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>@import "css/style.css";</style>
    <style>@import "css/layout1.css";</style>
    <title>**********</title>
    <SCRIPT type="text/javascript" src="lib/jquery-1.4.4.min.js"></SCRIPT>
    <SCRIPT type="text/javascript" src="lib/jquery.ebMenu.js"></SCRIPT><SCRIPT type="text/javascript">
    $(function (){
    // 为每个添加事件, 具体样式自己写, 我只写了颜色变红,
        $("#v-menu ul a").click(function(){
            $("#v-menu ul a").css("color", "black");
            $(this).css("color", "red");
        });
    // 至于下面的那个, 
        $("#denglu").click(function(){
            $("#v-menu ul a").css("color", "black");
            $("#one").css("color", "red");
        });});// 加个login ID, 这只是简单的实现效果, 当然要更好点的, 还要完善咯
    <a href="user.html" target="myifarme" id="login">欢迎${username}，登陆</a>
    </SCRIPT></head>
    <body>
    <div id="container">    <div id="header">
            <div id="title"><img src="images/title.png"/></div>
              <div><a class="date" style="top: 11px; left: 744px; width: 145px;">${requestScope.date}  ${requestScope.strw}</a></div>
            <div id="usr" style="top: 97px; height: 21px; left: 735px; width: 304px;">
                <a class="denglu" href="FindUser.action" onclick="" target="musiclist">欢迎[${requestScope.username}]登录</a>|<a class="denglu" href="login.jsp">退出</a>
            </div>
            <div class="border-bottom"></div>
        </div>    
        <div id="m-wrapper">
            <div id="mw-padding">
                <div id="sidebar">
                    <ul id="v-menu">
                        <li id="mebu1">
                            <a href="#">用户信息</a>
                            <ul>
                                    <li id="one"><a href="FindUser.action" target="musiclist">查看个人信息</a></li>
                                    <li><a href="updateUserPwd.jsp" target="musiclist">修改个人密码</a></li>
                                    <li><a href="listUser.action" target="musiclist">所有用户信息</a></li>
                            </ul>
                        </li>
                        <li id="mebu2">
                            <a href="#">试验结果查询</a>
                            <ul>
                                    <li><a href="listTaishi.action" target="musiclist">试验态势</a></li>
                                    <li><a href="listShuju.action" target="musiclist">试验数据</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!--end of sidebar-->
                            <iframe id="frame_content" scrolling="no" frameborder="0"
                                onload="this.height=100" name="musiclist" width="690"
                                src="welcome.htm">
                            </iframe>
            </div><!--end of mw-padding-->
        </div>
    </div><!--end of #container-->
    <div id="copyright">Copyright&copy;************</div>
    </body>
    </html>
      

  11.   

    // 加个login ID, 这只是简单的实现效果, 当然要更好点的, 还要完善咯
    <a href="user.html" target="myifarme" id="login">欢迎${username}，登陆</a>, 
    刚刚的 JS里面这两行去掉
      

  12.   


    // 试试, 你试下应该就会找着问题的呀
    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%@ taglib prefix="s" uri="/struts-tags"%>
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>@import "css/style.css";</style>
    <style>@import "css/layout1.css";</style>
    <title>**********</title>
    <SCRIPT type="text/javascript" src="lib/jquery-1.4.4.min.js"></SCRIPT>
    <SCRIPT type="text/javascript" src="lib/jquery.ebMenu.js"></SCRIPT><SCRIPT type="text/javascript">
    $(function (){
    // 为每个添加事件, 具体样式自己写, 我只写了颜色变红,
        $("#v-menu ul a").click(function(){
            $("#v-menu ul a").css("color", "black");
            $(this).css("color", "red");
        });
    // 至于下面的那个, 
        $("#denglu").click(function(){
            $("#v-menu ul a").css("color", "black");
            $("#one").css("color", "red");
        });});
    </SCRIPT></head>
    <body>
    <div id="container">    <div id="header">
            <div id="title"><img src="images/title.png"/></div>
              <div><a class="date" style="top: 11px; left: 744px; width: 145px;">${requestScope.date}  ${requestScope.strw}</a></div>
            <div id="usr" style="top: 97px; height: 21px; left: 735px; width: 304px;">
                <a class="denglu" href="FindUser.action" onclick="" target="musiclist">欢迎[${requestScope.username}]登录</a>|<a class="denglu" href="login.jsp">退出</a>
            </div>
            <div class="border-bottom"></div>
        </div>    
        <div id="m-wrapper">
            <div id="mw-padding">
                <div id="sidebar">
                    <ul id="v-menu">
                        <li id="mebu1">
                            <a href="#">用户信息</a>
                            <ul>
                                    <li id="one"><a href="FindUser.action" target="musiclist">查看个人信息</a></li>
                                    <li><a href="updateUserPwd.jsp" target="musiclist">修改个人密码</a></li>
                                    <li><a href="listUser.action" target="musiclist">所有用户信息</a></li>
                            </ul>
                        </li>
                        <li id="mebu2">
                            <a href="#">试验结果查询</a>
                            <ul>
                                    <li><a href="listTaishi.action" target="musiclist">试验态势</a></li>
                                    <li><a href="listShuju.action" target="musiclist">试验数据</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!--end of sidebar-->
                            <iframe id="frame_content" scrolling="no" frameborder="0"
                                onload="this.height=100" name="musiclist" width="690"
                                src="welcome.htm">
                            </iframe>
            </div><!--end of mw-padding-->
        </div>
    </div><!--end of #container-->
    <div id="copyright">Copyright&copy;************</div>
    </body>
    </html>
      

  13.   

    大神 你太厉害了  这个问题解决了但是还有一个小问题就是我的target页面里面设个超链接,怎么让他也可以调用主页面下面菜单标识栏的显示啊???麻烦您了
      

  14.   

    哦, 触发事件, 
    如: iframe 页面中链接: 加上一个parent就可以了
    <a href="test.html" onclick="parent.$("#one a").trigger("click") ;">测试</a>
      

  15.   

    今天试了 没调通  还得麻烦你  先贴代码/*index.jsp*/
    </html>
    <SCRIPT type="text/javascript">
    $(function (){
    // 为每个添加事件, 具体样式自己写, 我只写了颜色变红,
        $("#v-menu ul a").click(function(){
            $("#v-menu ul a").css("color", "black");
            $(this).css("color", "red");
        });
    // 至于下面的那个, 
        $("#denglu").click(function(){
            $("#v-menu ul a").css("color", "black");
            $("#one").css("color", "red");
        });
        $("#three").click(function(){
            $("#v-menu ul a").css("color", "black");
            $("#three").css("color", "red");
        });
    });
    </SCRIPT>
    </html>
    <body>
    <ul>
      <li>
         <a id="three" href="listUser.action" target="musiclist">所有用户信息</a>
      </li>
    </body>/*three.jsp*/
    <a id="three" href="listUser.action" onclick="parent.$("#one a").trigger("click");">
    测试</a>
      

  16.   

    sorry  贴错了 手敲的<a id="three" href="listUser.action" onclick="parent.$("#three a").trigger("click");">