jquery滑塊繼續滾動右鍵點擊下一步

我怎樣才能停止我的滑塊來保持滾動？它與偏移量有關嗎？我無法弄清楚。任何幫助非常感謝。jquery滑塊繼續滾動右鍵點擊下一步

var $container = $(container); 

var resizeFn = function() { 
    var small = $(window).width() < 800; 
    $container.toggleClass('four', small).toggleClass('six', !small); 
} 

var toggleButtons = function() { 

} 

var nextPane = function (e) { 
    e && e.preventDefault(); 
    var $container = $(this).closest('.grid-container'); 
    var $items = $('.items', $container); 
    var offset = $items.css('marginLeft').replace('px', ''); 
    var width = $container.width() + parseInt($('.item', $container).css('marginRight').replace('px', '')); 
    $items.css('marginLeft', offset - width); 
} 

var prevPane = function (e) { 
    e && e.preventDefault(); 
    var $container = $(this).closest('.grid-container'); 
    var $items = $('.items', $container); 
    var offset = $items.css('marginLeft').replace('px', ''); 
    var width = $container.width() + parseInt($('.item', $container).css('marginRight').replace('px', '')); 
    $items.css('marginLeft', offset + width); 
} 

resizeFn(); 
$(window).resize(resizeFn); 

$('.next', $container).click(nextPane); 
$('.prev', $container).click(prevPane);

jsFiddle

來源

2014-03-14 sanguisuga

兩個var nextPane = function (e) {和var prevPane = function (e) { 使用

var width = $('.item').width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));

代替$container.width() ，它工作正常

來源

2014-03-14 09:56:33 user2211216

不喜歡這個工作。你能看看嗎？ – sanguisuga

是的，我的意思是你需要使用$（'。item'）而不是$ container，如果你喜歡我的答案，請接受它作爲正確的thanx :) – user2211216

是的，就像那樣行不通。它以錯誤的方式滾動。可以檢查？ http://jsfiddle.net/nqzA6/1/應該計算容器的寬度（項目） – sanguisuga

jquery滑塊繼續滾動右鍵點擊下一步

回答

相關問題