为每个孩子增加100%的额外保证金

时间:2013-11-26 20:13:10

标签: javascript jquery

我一直在寻找但却找不到任何东西。我需要在100%宽度的容器中放置一堆100%宽度的子元素。

每个子元素需要定位+ 100%的边距 - 比前一个孩子多。 基本上模拟它们如果只是放置浮动

的方式

这是告诉所有孩子在第一个孩子100%移动后

$('.responsiveSlider').find('.responsiveSliderSlide').each(function() {
    $(this).next().css('margin-left', +100+'%');
});

现在我正在接受 孩子1边缘左边0 孩子1保证金 - 左100% 孩子1保证金 - 左100% 孩子1保证金 - 左100%

试图实现: 孩子1边缘左边0 孩子1保证金 - 左100% 孩子1保证金 - 剩下200% 孩子1保证金 - 留300%

--- ---解

var thisSlideWidth = 1;
$('.responsiveSlider').find('.responsiveSliderSlide').each(function() {
    //var thisSlideWidth = $(this).width();
    var nextSlideLocation = thisSlideWidth + '00%';
    $(this).next().css('margin-left', nextSlideLocation);
    thisSlideWidth++;
});

1 个答案:

答案 0 :(得分:1)

对我来说,看起来你使用了

    $(#myItem).css("margin-left", "+100%")

在你的jquery语句中而不是

    $(#myItem).css("margin-left", "+=100%")

€dit:nvm,我提到没有代码的原始文本