我在 jQuery 脚本中创建了滑块,但它不能正常工作。滑块在转到另一个页面时不会返回到第一个内容。
HTML:
<div class="note_slider1" style="z-index: 100; position:absolute; left: 82px; top: 250px; width: 687px; height: 270px;">
<div class="slider_close" style="position:absolute; left: 548px; top: 4px;"></div>
<div class="slider_title" id="title" style="position:absolute; left: 61px; height: 22px; top: 4px; width: 319px;">Title: Electronic Enterprise</div>
<div id="page">
<ul id="slider1" class="slider">
<li style="font-size:14px">aaaaa</li>
<li>abc</li>
<li>test test123</li>
</ul>
</div>
</div>
<div class="note_slider2" style="z-index: 100; position:absolute; left: 82px; top: 250px; width: 687px; height: 270px;">
<div class="slider_close" style="position:absolute; left: 549px; top: 4px;"></div>
<div class="slider_title" id="title" style="position:absolute; left: 61px; height: 22px; top: 4px; width: 319px;">Title: Electronic Enterprise 123</div>
<div id="page">
<ul id="slider2" class="slider">
<li>test test</li>
</ul>
</div>
</div>
然后是带有 rhinoslider 的插件代码:
$(document).ready(function () {
$('#slider1').rhinoslider({
showBullets: 'never',
//showControls: 'always'
});
$('#slider2').rhinoslider({
showBullets: 'never',
controlsPrevNext: false,
//showControls: 'always'
});
$('#slider3').rhinoslider({
showBullets: 'never',
//showControls: 'always'
});
});