jquery $(".cateMenu").show(); IE7兼容性

kim_top 发布于 2014/12/05 12:14
阅读 974
收藏 0

我写了个菜单分类,当鼠标悬浮至菜单分类的地方就显示层鼠标离开就隐藏   js/html 如下

那么问题来了,我在IE8上面是可以的,但换到IE7就不行了,求高手指点,在线等。。。急

$(function () {
 //$(".adCMS").hide();
    //head 弹出菜单部分
    var cateMenu = function () {
        var cateLiNum = $(".cateMenu li").length;
        $(".cateMenu li").each(function (index, element) {
            if (index < cateLiNum - 1) {
                $(this).mouseenter(function () {
                    var ty = $(this).offset().top - 158;
                    var obj = $(this).find(".list-item");
                    var sh = document.documentElement.scrollTop || document.body.scrollTop;
                    var oy = ty + (obj.height() + 30) + 158 - sh;
                    var dest = oy - $(window).height()
                    if (oy > $(window).height()) {
                        ty = ty - dest - 10;
                    }
                    if (ty < 0) ty = 0;
                    $(this).addClass("on");
                    obj.show();
                    $(".cateMenu li").find(".list-item").stop().animate({ "top": ty });
                    obj.stop().animate({ "top": ty });
                })
                $(this).mouseleave(function () {
                    $(this).removeClass("on");
                    $(this).find(".list-item").hide();
                })
            }
        });

       $(".navCon_on").hover(function () {
   var cateLiNum = $(".cateMenu li").length;
    cateLiNum.style.display = "block";
           // $(".cateMenu").show();
   //$(".adCMS").show();
        },
  function () {
      $(".cateMenu").hide();
  // $(".adCMS").hide();
  })

    } ();
})


HTML部分

<div class="navCon-cate-title" style="text-align:center;"> <a><img src="images/classtifyIcon.png" width="13" height="8" /></a>  <a href="#">产品分类</a></div>
      <div class="cateMenu hide" style="display:none;">
        <ul>
  <!-- 汽车保险栏 start-->
          <li style="border-top: none; " >
            <div class="cate-tag"> <strong><a href="#">汽车</a></strong>            </div>
            <div class="list-item hide">
              <ul class="itemleft">
                <dl>
                  <dt><span style="float:left;">汽汽车</span>
                  <span style="float:right;">
                      <p><a href="#">即刻可省15%</a></p>
                      <p><a href="#">即刻可省15%</a></p>
                      <p><a href="#">即刻可省15%</a></p>
                      <p><a href="#">即刻可省15%</a></p>
                      <p><a href="#">即刻可省15%</a></p>
                    </span> </dt>
                </dl>
                <div class="fn-clear"></div>
                <dl>
                  <dt><span style="float:left;">报价</span>
                  <span style="float:right;">
                    <p>
                    <a href="#">机动车</a></p>
                    <p>
                    <a href="#">机动</a></p>
                    <p>
                    <a href="#">机动</a></p>
                    </span></dt>
                </dl>
                <div class="fn-clear"></div>
     <dl>
                  <dt><span style="float:left;vertical-align:top;">哈哈</span>
                  <span style="float:right;"><a href="#">哈哈</a></span></dt>
                </dl>
              </ul>
              <ul class="itemright">
                <dl>
                  <dt >宝宝</dt>
                </dl>
                <div class="ad-list mt10">                  <p>专属110%</p>
        <p style="text-align:right;">升级<br />
意广,出行更无忧<br />
还本百,收益固定有<br />
范围广,保障方式多</p>
                </div>
              </ul>
            </div>
          </li>

</div>

加载中
0
进击的程序员
进击的程序员
换低版本的jquery试试  jquery后来不支持低版本ie了
kyliyueling
kyliyueling
@kim_top 这问题你解决了么?我也遇到这个问题了,求回答
kim_top
kim_top
换了个1.4.2的版本,还是不行
kim_top
kim_top
哪个版本的?
返回顶部
顶部