Question

我正在使用Jquery滑块功能

function slideSwitchByNavigation(id) {
    clearInterval(t);
    var $active = $('#slideshow DIV.active');
    if ($active.length == 0)
        $active = $('#slideshow DIV:last');
    var $next = $('#slideshow DIV.each_text').eq(id);
    $active.addClass('last-active');

    $active.animate({opacity: 0.0}, 500, function() {
        $active.removeClass('active last-active');

        $active.css('opacity', '0');
        $next.css({opacity: 0.0})
            .addClass('active')
            .animate({opacity: 1.0}, 500, function() {
                $active.removeClass('active last-active');
            });
    });
    slideNavigation($next.index());    
}

在这个html元素上：

<div class="pagination" id="pagination" onmouseover="over()" onmouseout="out()" style="display: block;">
    <a class="" id="0" onclick="slideText($(this))"></a> 
    <a class="" id="1" onclick="slideText($(this))"></a> 
    <a class="" id="2" onclick="slideText($(this))"></a> 
    <a class="active" id="3" onclick="slideText($(this))"></a> 
</div>

幻灯片功能

function slideText(element) {
    disableHref();
    clearInterval(t);

    if (element.attr('class') != 'active') {
        slideSwitchByNavigation(element.attr('id'));
        t = setInterval("slideSwitch()", 5000);


        // console.log(element.attr('id'));
    }
     setTimeout(function(){ enableHref(); }, 2000);

}

我有一个奇怪的问题，当我不在div上使用子弹列表一切都好，但是当我点击一个元素滑动到这个文本滑块是疯了，现在考试我有活动元素在id = 3和next上将是id = 0的元素，当我点击id为2的元素时，滑块将转到元素2并在背景中显示元素0。我的问题是如何重置计数器并在点击事件后开始，例如滑块从id0到最后一个id正常，当我点击其中一个数字时，该项将激活，之后该活动元素将是一个点击后的元素。

感谢您的帮助最诚挚的问候

单击后出现Jquery滑块问题

0 个答案: