jQuery左側位置百分比＆如果語句

我是新來的jquery，並試圖建立一個完整的頁面響應滑塊。它工作正常，但我希望在每張幻燈片/百分比值上發生不同的事情。所有我的幻燈片的是在 '滑塊' 並且是100％的寬度，所以：jQuery左側位置百分比＆如果語句

幻燈片1 - （時可見） '滑塊' 左0
滑塊2 - '滑塊' 左-100percent
滑塊3 - 「滑」而不是「抵消」

$('#next').click(function(){ 
    $('#slider').animate({'left': '-=100%'}, 
     function() { 
      var pos = $('#slider').offset(); 
      if (pos.left < 0) { 
       $('#div1').show(); 
       } 
      else if (pos.left == '-700%') { 
       $('#div1').hide(); 
       } 
    });  
});

任何幫助是留-200percent
等

if語句工作正常，但第二個有沒有效果的第一個，我也嘗試過「位置」非常感激！謝謝。

來源

2012-11-23 user1688604

''-700％''，應該不是''-200％'？第二張幻燈片？ –

offset()由jQuery規範化，總是返回px值;不管你已經應用了什麼CSS。

top和left值是數字，而不是字符串，FYI。

來源

2012-11-23 14:48:04 Matt

你可以用jquery以像素爲單位的滑塊寬度與$('#slider').width()相乘，再用百分數乘以百分數得出你的百分比。

100% >> $('#slider').width() 
700% >> $('#slider').width() * 7

來源

2012-11-23 14:48:24 Adil

jQuery左側位置百分比＆如果語句

回答

相關問題