0

AnythingSlider http://css-tricks.com/examples/AnythingSliderを動的に生成する必要があるプロジェクトに取り組んでいます。値がデータベースに保存されていることを意味し、データベースの値に基づいて、一度に複数のスライダーを生成したいと考えています。

実際のコードを生成することはできますが、すべてが正しいにもかかわらず、正しく動作させることができません。私はjQueryに少し慣れていないので、間違った時間にイベントを呼び出すだけの問題かもしれません。

以下は、生成された文字列です

           <ul id='3'>
                <li>
                    <div class='div_slider_content'>
                    <table>
                    <tr><td><img src='PackImages/img1.jpg' width='160px' height='120px'></img></td></tr>
                    <tr><td><a href='~/PackageDetailsPage.aspx?name=This_is_a_Title&i=3'>Read More</a></td></tr>
                    </table>
                    </div>
                </li>
            </ul>
          <ul id='4'>
                <li>
                    <div class='div_slider_content'>
                    <table>
                    <tr><td><img src='PackImages/Img2.jpg' width='160px' height='120px'></img></td></tr>
                    <tr><td><a href='~/PackageDetailsPage.aspx?name=This_is_another_Title&i=4'>Read More</a></td></tr>
                    </table>
                    </div>
                </li>
            </ul>

<script type="text/javascript">
 $(document).ready(function(){
$('#3').anythingSlider({ 
    width: 234, 
    height: 150, 
    buildNavigation: false, 
    enableNavigation: false, 
    autoplay: false, 
    startStopped: true, 
    showMultiple: true
    });
$('#4').anythingSlider({ 
    width: 234, 
    height: 150, 
    buildNavigation: false, 
    enableNavigation: false, 
    autoplay: false, 
    startStopped: true, 
    showMultiple: true});
});
});
</script>

この構造はすべてリテラル コントロールに記述され、ページ ロード イベントでコントロールに追加されます。助けてください＾＾

4

1 に答える 1

0

CSS-Tricksのフォーラム投稿で述べたように。上記のコードは、スライダーごとに 1 つのパネルを持つ 2 つのスライダーを示しています。AnythingSlider は、パネルが 1 つだけ存在する場合、ナビゲーション矢印もナビゲーション タブも追加しないように設定されています。したがって、追加のパネルを追加して、スライダーが機能していることを確認します。

于 2013-03-05T05:23:28.893 に答える