duanliao6789 2016-01-15 14:18
浏览 18
已采纳

Jquery选项卡不能在php循环中工作

I am trying to loop in jquery tab code but not working i am using this plugin for that https://jqueryui.com/tabs/ its not working in loop what am i doing wrong?

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>

  <div id="tabs">
  <ul>
  <?php
  $camps=20;
 for($i=1; $i<=$camps; $i++) 
    {
    echo '<a href="#tabs-' .$i . '" id="titleee">Campaign ' . $i . '</a>';
    }

  ?>
    </ul>

   <?php
   $camps1=20;
    for($i1=1; $i1<=$camps1; $i1++) 
   {
     echo '<div id="tabs-'.$i1.'">';  
     echo $i1;  
     echo '</div>';
   }
   ?>
  </div>
  • 写回答

1条回答 默认 最新

  • dongli8466 2016-01-15 14:22
    关注

    In this case, IDs no need to be unique in order to make the tab working. The problem is you did't wrapped the a tag with li element. Try wrapping first loop tab with li element :

    <div id="tabs">
     <ul>
     <?php
     $camps=20;
     for($i=1; $i<=$camps; $i++) {
       echo '<li><a href="#tabs-' .$i . '" id="titleee">Campaign ' . $i . '</a></li>';
     }
    ?>
    </ul>
    
    <?php
    $camps1=20;
    for($i1=1; $i1<=$camps1; $i1++) {
      echo '<div id="tabs-'.$i1.'">';  
      echo $i1;  
      echo '</div>';
    }
    ?>
    </div>
    

    DEMO(with same id)

    But hey, of course you need to make the IDs unique. :)

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改
  • ¥20 wireshark抓不到vlan