如何獲得jQuery循環容器的寬度與下一個幻燈片寬度相同？

Question

我會嘗試更加具體：

我有這樣的HTML標記片段：

<div id="slider"> 
<ul> 
<li>first slide</li> 
<li>secondth slide</li> 
<li>third slide</li> 
<li>fourth slide</li> 
</ul> 
</div> 

，這JS snipett激活週期

$('#slider ul').cycle({ 
    easing: 'easeInBounce', 
    fx: 'scrollUp', 
    speed:400, 
    timeout:5000 
}); 

現在ID喜歡有＃滑塊ul寬度自動計算與其ul元素相同。

希望你們明白我的意思！

謝謝！

Answer 1

編輯：

好了，你可以前（或後回調）使用方法：

HTML：

Ul width: <input type="text" id="ulwidth" /> 
<div id="slider"> 
<ul> 
<li style="width: 150px">first slide</li> 
<li style="width: 230px">secondth slide</li> 
<li>third slide</li> 
<li>fourth slide</li> 
</ul> 
</div> 

和JS：

$('#slider ul').cycle({ 
    fx: 'fade', 
    before: function(curr, next, option){ // or after: function... 
      //console.log(curr.style.width); 
      var w = curr.style.width; // or next.style.width 
      $('#slider ul').css({'width': w}); 
      $('#ulwidth').val($('#slider ul').width()); 
    } 
}); 

這可能適合基於下一個或當前li的ul寬度（在使用之後或之前）：EXAMPLE