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