我在 VERTICAL SHOWCASE SLIDER网页中使用FULLPAGE.JS作为jQuery插件。 当我使用垂直滑块一次时,没有问题。但是,如果我在全页的另一部分中插入代码两次,则第二个滑块不起作用。
1.st滑块
<div class="section " id="section1">
<section id="ps-container" class="ps-container">
<div class="ps-header">
<h1><br></h1>
</div><!-- /ps-header -->
<div class="ps-contentwrapper">
<div class="ps-content">
<h3>ESPAÑA</h3> <h2>Alex SAMPEDRO</h2>
<p>With restful springiness in the seat; prevents static sitting and provides enhanced seating comfort. Padded seat and back for enhanced seating comfort. Soft, hardwearing and easy care leather, which ages gracefully.</p>
<!--<a href="http://www.ikea.com/gb/en/catalog/products/80163804/#/60203882">Buy this item</a>-->
</div>
<div class="ps-content">
<h3>CHILE</h3> <h2>Keno PARRA</h2>
<p>For increased stability, re-tighten the screws about two weeks after assembly. Seat and back with restful flexibility; prevents a static sitting posture and enhances comfort.</p>
</div>
</div><!-- /ps-contentwrapper -->
<div class="ps-slidewrapper">
<div class="ps-slides">
<div style="background-image:url(CIMA/Oradores/AlexSampedro.jpg);"></div>
<div style="background-image:url(CIMA/Oradores/AlexSampedro.jpg);"></div>
<nav>
<a href="#" class="ps-prev" ></a>
<a href="#" class="ps-next" ></a>
</nav>
</div><!-- /ps-slidewrapper -->
</section><!-- /ps-container -->
<!-- jQuery if needed -->
<script type="text/javascript" src="js/slider_slide.js"></script>
第二个滑块:
<div class="section " id="section2">
<section id="ps-container" class="ps-container">
<div class="ps-header">
<h1><br></h1>
</div><!-- /ps-header -->
<div class="ps-contentwrapper">
<div class="ps-content">
<h3>ESPAÑA</h3> <h2>Alex SAMPEDRO</h2>
<p>With restful springiness in the seat; prevents static sitting and provides enhanced seating comfort. Padded seat and back for enhanced seating comfort. Soft, hardwearing and easy care leather, which ages gracefully.</p>
<!--<a href="http://www.ikea.com/gb/en/catalog/products/80163804/#/60203882">Buy this item</a>-->
</div>
<div class="ps-content">
<h3>CHILE</h3> <h2>Keno PARRA</h2>
<p>For increased stability, re-tighten the screws about two weeks after assembly. Seat and back with restful flexibility; prevents a static sitting posture and enhances comfort.</p>
</div>
</div><!-- /ps-contentwrapper -->
<div class="ps-slidewrapper">
<div class="ps-slides">
<div style="background-image:url(CIMA/Oradores/AlexSampedro.jpg);"></div>
<div style="background-image:url(CIMA/Oradores/AlexSampedro.jpg);"></div>
<nav>
<a href="#" class="ps-prev" ></a>
<a href="#" class="ps-next" ></a>
</nav>
</div><!-- /ps-slidewrapper -->
</section><!-- /ps-container -->
<!-- jQuery if needed -->
<script type="text/javascript" src="js/slider_slide.js"></script>
我能做些什么呢?