爲每個孩子添加額外的100％餘額

我一直在尋找，但一直未能找到任何東西。我需要在100％寬度的容器中放置一堆100％寬度的子元素。爲每個孩子添加額外的100％餘額

每個子元素都需要比前一個子元素+ 100％的餘量定位。基本上模擬他們將如何，如果他們只是定位浮動左

這說的是第一個孩子後，所有的孩子現在就向右移動100％

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

我越來越孩子1保證金-left 0 孩子1利潤率左100％孩子1利潤率左100％孩子1利潤率左100％

努力實現：孩子1利潤率左0 孩子1利潤率左100％孩子1利潤率左200％孩子1利潤率左300％

--- SOLUTION ---

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

來源

2013-11-26 three7studio

沒關係，想通了......用解決方案更新了原始帖子 – three7studio

對我來說，它看起來像你使用

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

在你的jQuery語句而不是

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

€DIT：NVM，我指紅色到沒有代碼的原始文本

來源

2013-11-26 20:27:37 longbow

並不是說它沒有移動內容，問題在於它將所有後續元素移動到相同的位置。 OP有解決方案...可能是一個更好的方式來做到這一點，雖然哈哈 – three7studio

爲每個孩子添加額外的100％餘額

回答

相關問題