Вращающийся Blockquote из Mysql DB C#

Question

Вот мой DB

CREATE TABLE IF NOT EXISTS `comments` (
    `com_id` int(11) NOT NULL AUTO_INCREMENT, 
    `com_name` varchar(500) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL, 
    `com_content` text CHARACTER SET utf8 COLLATE utf8_bin NOT NULL, 
    `com_website` varchar(500) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL, 
    `com_date` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, 
    PRIMARY KEY (`com_id`) 
) 

Вот мой передний конец

<link href="js/jquery.bxslider.css" rel="stylesheet" type="text/css" /> 
<div class="container"> 
    <asp:Label ID="lblComment" runat="server" Text=""/> 
</div> 
<script src="js/jquery.bxslider.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.bxslider').bxSlider({ 
      mode: 'horizontal', 
      slideMargin: 3, 
      auto: true 
     }); 
    }); 
</script> 

И, наконец, вот мой Back End

private void dispComments() 
{ 
    using (MySqlConnection conn = new MySqlConnection("server=localhost;database=test;uid=root;password=")) 
    { 
     string query = "select * from comments order by com_date desc"; 
     DataTable dt = new DataTable(); 

     using (MySqlDataAdapter da = new MySqlDataAdapter(query, conn)) 
     { 
      da.Fill(dt); 

      string comment = null; 

      for (int i = 0; i < dt.Rows.Count; i++) 
      { 
       //Message title 
       //news += "<div class='page-header' style='text-transform:capitalize;'><small>"; 
       //news += dt.Rows[i]["com_content"].ToString(); 
       //news +="</small></div>"; 

       //Message Body 
       comment += "<ul class='bxslider'>"; 
       comment += "<li>"; 
       comment += "<blockquote>"; 
       comment += dt.Rows[i]["com_content"].ToString(); 
       comment += "<p style='text-align: right; margin-right: 20px;'>"; 
       comment += dt.Rows[i]["com_name"].ToString(); 
       comment += "</p></blockquote>"; 
       comment += "</li>"; 
       comment += "</ul>"; 

      } 
      lblComment.Text = comment; 
     } 
    } 
} 

... У меня есть 3 комментария в моей таблице комментариев отображаются все три символа, и вывод прекрасен, за исключением того, что они имеют тенденцию отображаться индивидуально, только один комментарий для отображения на поворот. Где я ошибся? Пожалуйста помоги!!

Answer 1

<ul> должен находиться вне петли for. Текущий код создает новый <ul> на каждой итерации. Поэтому для каждого li у вас есть ul, и для каждого ul ползунок инициализирован.

Modify этого код,

string comment = null; 
comment += "<ul class='bxslider'>"; 
for (int i = 0; i < dt.Rows.Count; i++) 
{ 
    comment += "<li>"; 
    .... 
    comment += "</li>"; 
} 
comment += "</ul>";