在asp.net中动态生成任何滑动条

我正在研究一个需要动态生成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>

所有这些结构都写入文字控件中，并在页面加载事件时添加到控件中。请帮忙^^