在fullpage.js中隐藏部分后浏览页面

时间:2017-01-09 20:13:39

标签: javascript jquery html css fullpage.js

我目前正在为我的应用使用fullPage.js(http://alvarotrigo.com/fullPage/)。 我想根据所选的复选框隐藏和显示页面。内容应显示是否选中复选框,如果未选中则隐藏。我现在遇到的问题是,如果取消选中content#1,则该页面会显示来自firstPage的内容但在网址中有secondPage,因为它找不到{{1}的内容},然后secondPagethirdPage会显示在页面下方。有没有办法跳过fourthPage的网页?

hidden

如果未检查$(this),我还尝试删除<input class="checkbox" type="checkbox" data-target=".target1" checked/> Checkbox 1 <input class="checkbox" type="checkbox" data-target=".target2" checked/> Checkbox 2 <!-- firstPage --> <div class="section"> <p> Content on Page 1 </p> </div> <!-- secondPage --> <div class="section target1"> <p> show content #1 Content on Page 2 </p> </div> <!-- thridPage --> <div class="section target2"> <p> show content #2 Content on Page 3 </p> </div> <!-- fourthPage --> <div class="section target2"> <p> Content on Page 4 </p> </div> <script> $('.checkbox').change(function () { var target = $(this).data("target"); $(target).toggle("show"); }); <script> 的课程。这个问题是我无法导航传递secondPage

firstPage

JS小提琴:http://jsfiddle.net/U93aE/399/

0 个答案:

没有答案