1

我在 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'
    });
});
4

0 回答 0