Php “flexslider未加载”&书信电报；div class="；“灵活视口”；风格＝“；溢出：隐藏；位置：相对位置&引用&燃气轮机&引用；

当内容为动态时，Flexslider无法正常工作。我尝试过静态数据，它很有效。但当内容是动态的时，它就不起作用了。问题是它没有加载

<div class="flex-viewport" style="overflow: hidden; position: relative;">

。实际上，它只为第一个小报作者加载，其他小报作者并没有加载。 我的代码是这样的：

<ul class="nav nav-tabs" role="tablist">
<?php
   foreach ($cats as $k => $cat)
   {
       $cat = (object) $cat;
       $id = strtolower(str_replace(' ', '-', $cat->category_name));
       $name = ucfirst($cat->category_name);
    ?> 
       <li role="presentation" <?php echo $k == 0 ? 'class="active":' : NULL; ?>>
            <a href="#<?php echo $id; ?>" role="tab" data-toggle="tab" id="<?php echo $id; ?>1"><?php echo $name; ?></a>
        </li>
<?php } ?>
</ul>

<!-- Tab panes -->
<div class="tab-content">
<?php
     foreach ($cats as $k => $cat)
     {
         $cat = (object) $cat;
         $id = strtolower(str_replace(' ', '-', $cat->category_name));
         $name = ucfirst($cat->category_name);

      ?> 
         <div role="tabpanel" class="tab-pane <?php echo $k == 0 ? 'active' : NULL; ?>" id="<?php echo $id; ?>">
             <div id="carousel<?php echo (7 + $k); ?>" class="flexslider">

                  <ul class="slides">
                       <li>............
                                  ..........

在哪里启动flex slider？只需显示代码。有人能帮忙吗？当我向ASP web表单页面添加第二个滑块时，我遇到了同样的问题。通过初始化滑块：$（'#myslider'）。flexslider（{动画：“幻灯片”）解决了这个问题，controlNav:false，animationLoop:false，slideshow:false，itemWidth:190，itemMargin:10，asNavFor:“#slider”}）；
<div class="tab-content">
    <div role="tabpanel" class="tab-pane" id="electronics">
         <div id="carousel7" class="flexslider">
              <div class="flex-viewport" style="overflow: hidden; position: relative;">
                <ul class="slides" style="width: 2200%; -webkit-transition: 1s; transition: 1s; -webkit-transform: translate3d(0px, 0px, 0px);">
                      <li style="width: 195px; float: left; display: block;">
                        <li.......
    </div>

    <div role="tabpanel" class="tab-pane" id="food">
         <div id="carousel8" class="flexslider">
              <div class="flex-viewport" style="overflow: hidden; position: relative;">
                <ul class="slides" style="width: 2200%; -webkit-transition: 1s; transition: 1s; -webkit-transform: translate3d(0px, 0px, 0px);">
                      <li style="width: 195px; float: left; display: block;">
                        <li.......
    </div>