jQuery - 获取元素＆＃34; left＆＃34;位置然后改变它

Question

我正在尝试使用自定义jquery操作滑块脚本。我需要抓住元素＆＃34; left＆＃34; css样式位置，然后通过添加300px来更改它。

这是我的jquery：

var slCon = $('.slides-control');
var pos = slCon.css("left");
slCon.css({'left': pos + '300px'});

如果我＆＃34;警告（pos）＆＃34;它确实给了我-1000的内联左侧位置。但我需要能够将300px添加到该内联样式，以便在单击按钮时使其成为-700。在获取初始值后，我似乎无法改变元素的内联样式。

请帮助。我还在学习jQuery。

Answer 1

洙。我得到它工作因为元素宽度匹配元素左侧位置但左侧是负数。所以我只是抓住了元素宽度，然后使用它设置左侧位置：

var slCon = $('#slides-control');
var width = slCon.width();
slCon.css({'left': - width + 300 + 'px'});

感谢所有帮助出租车

Answer 2

您应该执行以下操作：

var slCon = $('.slides-control').first();
var pos = slCon.css("left");
slCon.css({'left': pos + 300});

或者更好，更改为id（记得相应地更新dom）：

var slCon = $('#slides-control');
var pos = slCon.css("left");
slCon.css({'left': pos + 300});

Answer 3

试试这个：

$（＆＃39; .slides控制＆＃39）。CSS（＆＃39;左＆＃39;＆＃39; + = 300像素＆＃39）;