为什么我的Jquery代码显示不出来获取了焦点的效果

来源:4-3 使用jQuery实现网页定位导航(下)

糖甜我心

2016-04-23 09:55

$(document).ready(function(){

$(window).scroll(function(){

var top=$(document).scrollTop();

   /* console.log(top);*/

   var menu=$("#menu");

   var items=$("#content").find(".Item");


   var currentId="";//当前所在的楼层的ID

   items.each(function(){

    var m=$(this);

    var itemTop=m.offset().top;

   /* console.log(itemTop);*/

    if(top>(itemTop-200)){

    currentId="#"+m.attr("id");//获取焦点

   

   

    }else{

    return false;

    }

   });

   //给相应的楼层设置currrent,同时取消其他楼层的current

   var currentList=menu.find(".current");

  

   if(currentId&&currentList.attr("href")!=currentId){


    currentList.removeClass("current");


    menu.find("[href="+currentId+"]").addClass("current");


   }

   

});

  

 

});


写回答 关注

2回答

  • 流年恰似繁花
    2016-08-18 16:42:34

    在"+currentId+"外面加一个‘’即可

  • 幕布斯2387862
    2016-04-23 10:44:23

      menu.find("[href='"+currentId+"']").addClass("current");加一个单引号,jQuery版本问题吧。

    xxl小兜 回复糖甜我心

    后来解决了吗?怎么解决的呢,我的报错跟你的是一样的

    2016-05-19 10:57:49

    共 2 条回复 >

网页定位导航特效

本课程讲解网页定位导航特效,仿天猫版地狗购物网,你值得拥有

71404 学习 · 486 问题

查看课程

相似问题