Динамически генерировать что-либо слайдер в asp.net

Question

Я работаю над проектом, который требует генерации 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> 

Все это структура записывается в контроле буквального, и добавляется к элементу управления на события загрузки страницы. Пожалуйста, помогите ^^

Answer 1

Как я упоминал в сообщении форума на CSS-Tricks. В приведенном выше коде показаны два ползунка с одной панелью на слайдер. AnythingSlider настроен так, чтобы не добавлять навигационные стрелки и вкладки навигации, когда существует только одна панель. Поэтому добавьте дополнительные панели, чтобы проверить, работает ли ползунок.