如果在jQuery中的背景X位置聲明

if( $mouse.css('background-position-x') >= "-600") { 
$mouse.css('background-position-x','-=40'); 
};

^是我試圖運行的代碼。我在遊戲循環中有這個，所以我基本上想要爲背景位置設置動畫，但是X軸上只有-600像素。這似乎不工作，任何想法的替代解決方案？如果在jQuery中的背景X位置聲明

來源

2014-12-13 bboybeatle

'$ mouse.css（'background-position-x'，' - = 40'）;'將樣式設置爲' - = 40'的字符串文字。你不能像這樣使用' - ='運算符。 – 2014-12-13 15:13:27

我猜

var x = parseInt($mouse.css('background-position-x')); 
if(x >= -600) { 
    $mouse.css('background-position-x', x - 40); 
};

會工作。

請嘗試，未經測試。

來源

2014-12-13 15:15:03 loveNoHate

謝謝。實際的功能沒有運行，但if語句完美無缺。所以我合併了我的函數和if語句。 – bboybeatle 2014-12-13 15:32:35

@WalterStabosz做了很好的更新。你之前或之後嘗試過（x變量）嗎？無論如何！ – loveNoHate 2014-12-13 17:23:36

不，我沒有測試任何形式的代碼。我只是重構了你的變量來使其更具可讀性。但它可能會奏效。 – 2014-12-13 21:09:00

background-position-x在CSS中不是標準方式。所以，像這樣：

if( $mouse.css('background-position').split(' ')[0] >= "-600") { 
$mouse.css('background-position','-=40 '+ $mouse.css('background-position').split(' ')[1]); 
};

來源

2014-12-13 15:16:17

謝謝，我聽說過，我會在修改之前避免x和y – bboybeatle 2014-12-13 15:33:28

如果在jQuery中的背景X位置聲明

回答

相關問題