1

jQueryでカルーセルスライダーを作成しました。しかし、各スライドの後に説明を更新するのに問題があります。スライダーは次のように構築されます。

<div id="sliderwrapper">
   <div id="slider_controlpanel">
      <a href="" class="slider_left" data-name="slider_button"></a>
      <a href="" class="slider_right" data-name="slider_button"></a>
      <div id="slider_description"></div>
   </div>  
    <ul>
        <li data-number="1" data-description="blabla">IMG</li>
        <li data-number="2" data-description="obladioblada">IMG</li>
    </ul>
</div>

私がjQueryで行ったことは次のとおりです。

$('#sliderwrapper ul li:visible').each(function() {
    var currentDesc = $('#slider_description').text();
    var newDesc = $(this).attr('data-description');
    $('#slider_description').removeData(currentDesc);
    $('#slider_description').text(newDesc);
});

しかし、どういうわけか更新されず、最初のものにとどまります。私が集めたものから、各関数はループとして機能し、表示されているスライドごとに実行する必要があります。それとも、これが機能するはずがないので、私は完全に間違っていますか?

カルーセルの作成方法に関する情報が必要な場合は、コメントしてください。

4

1 に答える 1

1

うーん...あなたがやろうとしているdata-descriptionのは、現在表示されている属性のデータを単に表示するliことです。あなたのフィドルの変更を修正してコメントしました。

于 2013-03-06T14:29:54.623 に答える