jquery ui slider根據子元素修改寬度

我有jquery ui滑塊，在px中有很大的寬度。jquery ui slider根據子元素修改寬度

.scroll-content {width:2400px;}

和結構：

<div class="scroll-pane ui-widget ui-widget-header ui-corner-all"> 
    <div class="scroll-content"> 
    <div class="scroll-content-item ui-widget-header"><img src="img/img1.jpg" /></div> 
    <div class="scroll-content-item ui-widget-header"><img src="img/img2.jpg" /></div> 
    </div> 
<div class="scroll-bar-wrap ui-widget-content ui-corner-bottom"> 
    <div class="scroll-bar"></div> 
</div> 
</div>

我怎麼能得到內部元素的寬度，並將該寬度滑塊容器？

謝謝

來源

2012-12-06 bboy

有很多方法可以做到這一點。一個是循環遍歷div並加上每個的寬度，應用主要的scroll-content div。

var totalWidth = 0; 

$('.scroll-content-item').each(function(){ 
    totalWidth = totalWidth + $(this).width(); 
}); 

$('.scroll-content').css('width', totalWidth + 'px');

來源

2012-12-06 10:21:51

謝謝@Steve！我管理這一個，你怎麼看： 'var total_width = 0; （'.groll-content'）。find（'img'）。each（function（）{totalwidth = $（this）.width（）+ 10; }）; $（「.scroll-content」）.css（'width'，total_width）;' – bboy

沒關係......我會避免使用find和選擇器，因爲它只是增加了處理。我會用'$（'。scroll-content-item img'）'這樣做，在這種情況下做同樣的事情。 –

酷！非常感謝！做過某事！ – bboy

jquery ui slider根據子元素修改寬度

回答

相關問題