0

我正在开发一个需要在动态基础上生成任何东西滑块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>

所有这些结构都写在 Literal Control 中，并在 Page Load 事件上添加到控件中。请帮忙^^

4

1 回答 1

0

正如我在CSS-Tricks的论坛帖子中提到的那样。上面的代码显示了两个滑块，每个滑块一个面板。当仅存在一个面板时，AnythingSlider 设置为不添加导航箭头或导航选项卡。所以添加额外的面板来验证滑块是否正常工作。

于 2013-03-05T05:23:28.893 回答