條件滿足時禁用動畫jQuery

這可能是一個簡單的問題，也許我錯過了一些東西。當用戶點擊.left或.right HREF標記條件滿足時禁用動畫jQuery

的預期效果是，該.tabs滾動條將滾動向左或每次向右105px。這部分工作。

我跑到路障的地方是如何在.tabs div的css位於0px或位於div末尾時禁用動畫效果。這似乎很容易用offset或position完成，但這兩個都給了我不同的價值。我相信這是因爲.tabs div實際上是使用magin: 0 auto居中。

試圖檢索css("left")並編寫條件if == 0聲明也是一個破產。

我在這裏錯過了什麼嗎？我應該不是試圖根據位置禁用left按鈕嗎？有沒有更簡單的方法來做到這一點？

$(".right").click(function() { 
    $(".tabs").animate({ 
        left: '-=105' 
    }, 500); 
    return false; 
}); 
$(".left").click(function() { 
    $(".tabs").animate({ 
        left: '+=105' 
    }, 500); 
    return false; 
});

來源

2012-06-25 Sethen

這是什麼問題試圖檢索CSS（「左」）和寫一個條件如果== 0語句也是一個胸圍'？ – Jashwant

返回「0px」，這是正確的值，但是當我運行條件時，它不起作用？是因爲它以字符串的形式返回嗎？我應該嘗試'parseInt'嗎？ – Sethen

'parseInt（css（'left'））=== 0'或者簡單地使用'css（'left'）==='0px'' – Jashwant

基於對他的問題的意見，

$(".tabs").css('left')在px

返回的值，所以，要比較，無論你做

$(".tabs").css('left') === '0px'

parseInt($(".tabs").css('left')) === 0

來源

2012-06-25 21:06:55 Jashwant

條件滿足時禁用動畫jQuery

回答

相關問題