$("#AOPTopMenu>ul>li").hover(function () {
                var _self = $(this).children(".SecondMenuBar");
                var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
                delayTime = setTimeout(function () {  //鼠标放置到菜单上后设个延时400
                    $(_self).slideDown(300)  //界面下滑速度300
                    $("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
                    $("#zg_Iframe").css('display', 'block');
                }, 400);
                $(this).removeClass("bgColor");
                $(this).addClass("SelectbgColor");                ??????????????????代码是截取的,不必考虑完整性,
id为“AOPTopMenu”的 div 里嵌套着id为变量(变量里都包含‘Tb_SecondMenu_’),calss为“ThirdMenuBar”的多个div,
现想在问号“??????????”处,设置class为“ThirdMenuBar”的div下的li的高度,怎么写?                           

解决方案 »

  1.   

    $(".ThirdMenuBar li").height(100)?
      

  2.   

    谢谢liangws!!给分了
    ,真是会得不难,难的不会啊,它怎么可以不考虑在父级程序("#AOPTopMenu>ul>li").hover(function () {
    下而直接写呢?
    另外,你有好的学习jquery的比较系统的资料吗?
      

  3.   

    应该可以看到的   《锋利的jQuery》这本书不错 你在网上找 有电子版的
      

  4.   

    谢谢5,6楼的,我的代码如下有点问题,当不停的触发时(即将鼠标放在AOPTopMenu>ul>下不同的li里),由于下滑界面的高度各不同,下面的代码在ie8里就行,在ie7里下滑高度就乱了,在未增加对ThirdMenuBar赋值的代码前,ie6,7,8都是正常的。
     // 点击菜单滑动下拉,焦点不在下滑界面自动回收
            $(document).ready(function () {
                var delayTime = "";
                $("#AOPTopMenu>ul>li").hover(function () {
                    var _self = $(this).children(".SecondMenuBar");
                    var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
                    delayTime = setTimeout(function () {  //鼠标放置到菜单上后设个延时400
                        $(_self).slideDown(300)  //界面下滑速度300
                        $("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
                        $("#zg_Iframe").css('display', 'block');
                        $(".ThirdMenuBar").height(thisheight-72); //给ThirdMenuBar赋高度,是为了设置分隔虚线的高度。
                    }, 400);
                    $(this).removeClass("bgColor");
                    $(this).addClass("SelectbgColor");
                }, function () {
                    clearTimeout(delayTime);
                    $(this).children(".SecondMenuBar").slideUp();
                    $("#zg_Iframe").css('display', 'none');
                    $(this).removeClass("SelectbgColor");
                    $(this).addClass("bgColor");
                   // $(".ThirdMenuBar").height(0); //将ThirdMenuBar高度设回,不然的话有时候会乱。
                })
            })
      

  5.   

    $(".ThirdMenuBar").height(thisheight-72); //给ThirdMenuBar赋高度,是为了设置分隔虚线的高度。
    貌似是这里的(".ThirdMenuBar)范围太宽泛,没有具体到选中的$("#AOPTopMenu>ul>li")里面。
      

  6.   

    问题解决了,我初始化高度时写的不对,修改成如下代码就ok了
    // 点击菜单滑动下拉,焦点不在下滑界面自动回收
      $(document).ready(function () {
      var delayTime = "";
      $("#AOPTopMenu>ul>li").hover(function () {
      var _self = $(this).children(".SecondMenuBar");
      var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度
      delayTime = setTimeout(function () { //鼠标放置到菜单上后设个延时400
      $(_self).slideDown(300) //界面下滑速度300
      $("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
      $("#zg_Iframe").css('display', 'block');
      $(".ThirdMenuBar").height(thisheight-72); //给ThirdMenuBar赋高度,是为了设置分隔虚线的高度。
      }, 400);
      $(this).removeClass("bgColor");
      $(this).addClass("SelectbgColor");
      }, function () {
      clearTimeout(delayTime);
      $(this).children(".SecondMenuBar").slideUp();
      $("#zg_Iframe").css('display', 'none');
      $(this).removeClass("SelectbgColor");
      $(this).addClass("bgColor");
       $(".ThirdMenuBar").height(“”); //将ThirdMenuBar高度设回,不然的话有时候会乱。
      })
      })