如何在jquery mobile中将数据库中的动态数据导入到wow滑块中

Question

目前我使用一些静态数据在wow滑块jquery移动滑块中。但我需要从db中获取数据并将其放入silder中。有人能建议我这么做吗?谢谢。这是新的代码，我能够获得滑块中的数据，但有按钮，点击功能必须工作，但只为第一张幻灯片，它正在工作，并保持其不工作，请帮助我，谢谢。

<script type="text/javascript">
        $(document).ready(function() {
         $("#like_i").click(function() {
            $("#tipid").val(1);
            $("#like_i").attr("src","images/ic_like_select.png");
            $("#unlike_i").attr("src","images/ic_unlike_unselect.png");
          });

          $("#unlike_i").click(function() {
            $("#tipid").val(0);
            $("#like_i").attr("src","images/ic_like_unselect.png");
            $("#unlike_i").attr("src","images/ic_unlike_select.png");
          });
          });
    </script>
 </head>
<body>
    <div id="main-wrapper">
        <div data-role="header" id="header" data-position="fixed">
            <div id="back-btn">
                <a href="#" onClick="window.history.back();" ><img src="images/back_btn.png" width="42" height="41" /></a>
            </div>
            <div id="logo">
            </div>
            <div id="tc-btn">
                <a href="terms.html" data-transition="slide"><img src="images/tc_btn.png" width="42" height="41" /></a>
            </div>
        </div>
        <div id="content-area">


<br/>                   
                       <div id="wowslider-container1">
                      <form action="#" method="post">
                            <div class="ws_images">

                            <ul>
                            <?php

                             if ($stmt->execute(array($_GET['id']))) {
                                    while ($row = $stmt->fetch()) {
                                    $counter;
                                    foreach ($int_arr as $x) {


                                        if ($stmt1->execute(array($x))) {
                                           while ($row1 = $stmt1->fetch()) {
                                           // print_r($row);
                                           //echo $row1['title'];

                             ?>

                             <li><img src="engine1/bg.png" alt="" title="" id="wows1"/><div><span style="font-size:12px;text-transform:uppercase;"><b><?php echo $_GET['id'];?></b></span><br><span style="color:#3B8BD7;font-size:22px;"><?php echo $row1['title'];?></span></div><img src="images/list_hr.png" style="background-repeat:repeat-x;width:303px;height:4px;margin-top:-3px;" /><span style="font-size:12px;"><?php echo $row1['body'];?><br><br><br></span><img src="images/list_hr.png" style="background-repeat:repeat-x;width:303px;height:4px;"/><div align="center"><b><p style="color:#3B8BD7;font-size:14px;">Helpline?</p></b><img src="images/ic_like_unselect.png" height="40" width="40" id="like_<?php echo $counter;?>" name="offer" />&nbsp;<img src="images/ic_unlike_unselect.png"  height="40" width="40" id="unlike_<?php echo $counter;?>"  name="offer"/></div>
                             <input type="hidden" name="tipid" id="tipid" value="" />
                             <input type="text" name="tip" id="tip" value="<?php  echo $counter;?>" /><?php $counter++;?></li>
<?php }}}}}  echo $counter;?>
                            </ul></div>
                            <div class="ws_bullets">
                            <div align="center">
                                <?php if ($stmt->execute(array($_GET['id']))) {
                                    while ($row = $stmt->fetch()) {
                                       foreach ($int_arr as $x) {
                                          if ($stmt1->execute(array($x))) {
                                          while ($row1 = $stmt1->fetch()) {
                                          // print_r($row);
                                          //echo $row1['title'];
                                ?>
                                <a href="#" ></a>
                                <?php }}}}}?>           
                            </div></div>

    <div class="ws_shadow">

                    </div>

        </form>         
    </div>
    </div>
    <script type="text/javascript" src="engine1/wowslider.js"></script>
    <script type="text/javascript" src="engine1/script.js"></script>                
                </div>
        </div>

Answer 1

从数据库中获取数据并遍历数据，并在循环外声明一个变量$counter，然后在循环内递增

  <ul>
            <?php
            // Fetch data from database and loop through.
                     $counter;
            // start of the loop
            ?>
                <li><img src="data1/images/home.png" alt="" title=""
                    id="<?php echo $counter?>" /><?php echo $title?></li>
                <?php
                           $counter++;
                // End of the loop

                ?>
            </ul>