1

もっと具体的にしようと思います：

私はこのhtmlマークアップスニペットを持っています：

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

そしてこのjsスニペットはサイクルをアクティブにします

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

これで、idは#sliderulwidthをそのulli要素と同じように自動計算するようにします。

皆さんが私が何を意味するのか理解してくれることを願っています！

ありがとうございました！

4

1 に答える 1

0

編集：

さて、コールバックの前（または後）に使用できます：

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幅に合わせることができます。例

于 2012-07-31T15:28:48.347 に答える