Javascript 如何使用jQuery单页导航和jQuery.SerialScroll切换启用"；“上一次”；及；“下一步”；按钮还是箭头？
我正在尝试一个带有jQuery one page Nav的单页解决方案，用于在我到达页面中的某些“部分”（并单击滚动到相应的部分）时突出显示菜单链接 在本节中，我有一些帖子，比如代码Javascript 如何使用jQuery单页导航和jQuery.SerialScroll切换启用"；“上一次”；及；“下一步”；按钮还是箭头？,javascript,jquery,navigation,scrollto,serialscroll,Javascript,Jquery,Navigation,Scrollto,Serialscroll,我正在尝试一个带有jQuery one page Nav的单页解决方案，用于在我到达页面中的某些“部分”（并单击滚动到相应的部分）时突出显示菜单链接 在本节中，我有一些帖子，比如代码 <body> <nav> <ul class="menuslides"> <li class="item-1"> <a href="#section-1" >One</a> <
<body>
<nav>
<ul class="menuslides">
<li class="item-1">
<a href="#section-1" >One</a>
</li>
<li class="item-2">
<a href="#section-2" >Two</a>
</li>
...
</ul>
</nav>
<div id="wrapper">
<div id="wrap">
<section id="section-1">
<div class="post" id="item-slide-1">img</div>
<div class="post" id="item-slide-2">img</div>
</section>
<section id="section-2">
<div class="post" id="item-slide-3">img</div>
<div class="post" id="item-slide-4">img</div>
<div class="post" id="item-slide-5">img</div>
</section>
...
<section id="section-10">
<div class="post" id="item-slide-31">img</div>
...
</section>
</div>
<div id="buttons">
<div id="button" class="goto-prev">Prev</div>
<div id="button" class="goto-next">Next</div>
</div>
</div>
<script>
jQuery(document).ready(function() {
jQuery('.menuslides').onePageNav();
});
jQuery(function( $ ){
$('#wrapper').serialScroll({
target:'#wrap',
items:'.post',
prev:'div.goto-prev',
next:'div.goto-next',
axis:'y',
duration:700,
onBefore:function( e, elem, $pane, $items, pos ){
e.preventDefault();
if( this.blur )
this.blur();
},
onAfter:function( elem ){
}
});
});
</script>
</body>
img
img
img
img
img
...
img
...
上
下一个
jQuery（文档）.ready（函数（）{
jQuery（'.menuslides'）.onePageNav（）；
});
jQuery（函数（$）{
$（“#包装器”）.serialScroll（{
目标：“#包装”，
项目：'.post'，
上一页：'div.goto-prev'，
下一个：'div.goto-next'，
轴：'y'，
持续时间：700，
onBefore:function（e，elem，$pane，$items，pos）{
e、 预防默认值（）；
如果（this.blur）
这个。blur（）；
},
onAfter:函数（元素）{
}
});
});