Javascript 使用jQuery定位节类
更准确地说,我使用了一个单页滚动插件() 我注意到许多单页滚动教程和插件都使用部分。我在针对这些部分时遇到了一些问题。我想做的是在插件中添加简单的导航,这样用户就知道他们在哪个页面上了 我认为仅仅使用这个代码就相当简单了Javascript 使用jQuery定位节类,javascript,jquery,html,class,sections,Javascript,Jquery,Html,Class,Sections,更准确地说,我使用了一个单页滚动插件() 我注意到许多单页滚动教程和插件都使用部分。我在针对这些部分时遇到了一些问题。我想做的是在插件中添加简单的导航,这样用户就知道他们在哪个页面上了 我认为仅仅使用这个代码就相当简单了 if ($(".page1").hasClass("active")) { console.log("page one active"); } 但这似乎不起作用。关于使用jQuery定位部分,我有什么遗漏吗?我需要弄清楚的是如何正确定位该部分,然后我可
if ($(".page1").hasClass("active")) {
console.log("page one active");
}
但这似乎不起作用。关于使用jQuery定位部分,我有什么遗漏吗?我需要弄清楚的是如何正确定位该部分,然后我可以将类添加到导航选项卡
编辑
第一页
第二
页
哟!
您能否发布更多的代码,以便我们能够帮助识别问题?例如,当用户与导航交互时,是否在元素上添加/删除活动类?你能发布你的HTML结构和任何其他相关的JS吗…很乐意帮助插件中的javascript将类添加到部分,检查我提供的链接并检查元素,如果你需要以工作形式查看它=)这个插件有一个回调,你可以定义afterMove:function(index){}
,检查感谢skobaljic,我现在正在玩弄它,但我不能专门针对元素,因为这只是在页面移动时触发的。我想在“第一周”中添加一个“当前”类(作为示例),然后当用户在“第二周”时,该类将应用于您可能想查看的相关导航,它与您正在使用的插件非常相似,但它提供了许多其他选项。其中之一提供了一种非常简单的方法,通过使用锚定
和菜单
选项将菜单链接到它。
<div class="main">
<section class="page1" id="pageone">
<div class="content col-xs-offset-2 col-xs-10 col-sm-offset-2 col-sm-10 col-lg-offset-2 col-lg-10">
<div class="content-inner">
<h1>FIRST<br>PAGE<br></h1>
</div>
</div>
</section>
<section class="page2">
<div class="content col-xs-offset-2 col-xs-10 col-sm-offset-2 col-sm-10 col-lg-offset-2 col-lg-10">
<div class="content-inner">
<h1>SECOND <br> PAGE <br> YO!</h1>
</div>
</div>
</section>
</div>