獲取正確的開始位置時，使用jQuery滑動滾動分頁

Question

我正在構建一個處理非常長的分頁腳本。爲此，我使用jQuery滑塊。

我使用了here中的一些修改函數。

這是目前爲止的js代碼。唯一缺少的是當腳本加載時分頁div移動到正確的位置（滑動條）。初始化時我只想運行用戶使用滑塊時運行的相同函數。

// Calculate total width 
    var totalWidth = 0; 
    $('.pageItem').each(function() { 
     totalWidth += $(this).outerWidth(true); 
    }); 

    // Total number of pages 
    var totalPages = $('.pageItem').size(); 

    // Calculate current position (starts counting at 0) 
    var currentPage = $('li').index($('.current')) + 1; 

    // Scroll start position 
    var scrollPosition = [currentPage/totalPages] * 100; 

    $('#pagiMoreSlider').slider({ 
     change:   handleSliderChange, 
     slide:   handleSliderChange, 
     max:   100, 
     value:   scrollPosition, 
    }); 
    function handleSliderChange(e, ui){ 
     var maxScroll = $('#pagiMoreContent').attr('scrollWidth') - $('#pagiMoreContent').width(); 
     $('#pagiMoreContent').attr({ 
      scrollLeft: ui.value * (maxScroll/100) 
     }); 
    } 

    // Set width pagiMore 
    $('#pagiMore ul').width(totalWidth); 

謝謝！

Answer 1

好吧，我不知道，如果我們使用的是相同的插件，但是這對於移動滑塊代碼：

$('#content-slider').slider("moveTo", "-=1"); 
$('#content-scroll').stop();