jQuery

Question

我正在尝试使用自定义 jquery 操作滑块脚本。我需要抓取元素 "left" css 样式位置，然后通过添加 300px.

来更改它

这是我的 jquery:

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

如果我 "alert(pos)" 它确实给了我说 -1000 的内联左位置。但是我需要能够向该内联样式添加 300px 以使其在单击按钮时变为 -700。我似乎无法让它在获取初始值后改变元素的内联样式。

请帮忙。我还在学习 jQuery.

Answer 1

你应该做如下：

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 2

试试这个：

$('.slides-control').css('left','+=300px');

Answer 3

苏。我让它工作，因为元素宽度与元素左侧位置匹配，但左侧为负数。所以我只是抓住了元素的宽度，然后用这个设置左边的位置：

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

感谢taxicala的所有帮助

jQuery - 获取元素 "left" 位置然后更改它