owl 点击时轮播处于活动状态 class 未在同一页面上显示

Question

这里我写了在同一页面上显示活动 class 的代码。

            <?php 
            $j = 0;
            $n = '';
            foreach($model2 as $value)
            {   
            $j++;
            //$id = $value['intBlogId'];

            $image = $value['varImage'];
            $title = $value['varTitle'];
            $link = $value['varLink'];
            $blog_id = $value['intBlogId'];

            $actcls = '';

            if($blog_id == $blogid) {
            $actcls = 'curactive';
            $n = $j;
            }

            ?>
            <div class="item <?php echo $actcls; ?>" id="item_<?php echo $blog_id; ?>"><a href="<?php echo Yii::$app->urlManager->createAbsoluteUrl('blog_detail?blogid=').$blog_id; ?>">
            <span class="left_blog">
            <img src="<?php echo $image; ?>" alt="images" class="img-responsive" /></span>
            <span class="right_blog"><span class="heading_blog"><?php if(strlen(nl2br($title)) > 39 ) echo substr(strip_tags(nl2br($title)),0,38).".."; else echo nl2br($title); ?></span><span id="link" ><?php if(strlen(nl2br($link)) > 50 ) echo substr(strip_tags(nl2br($link)),0,49).".."; else echo nl2br($link); ?></span></span>
            </a></div>
            <?php }  ?>
            </div>
            <div class="customNavigation">
            <a class="btn prev">Previous</a>
            <a class="btn next">Next</a>
            </div>
            </div>
            <div style="position:relative; height:100vh;" id ="frame">
            <iframe id="asa" width="100%" style="position: absolute; height: 100%; border: none;" frameborder="0" marginheight="0" marginwidth="0" src="<?php echo $url; ?>"></iframe>
            </div>

上面提到的代码显示了滑块

脚本代码为：

            <script>
            $(document).ready(function(){
            var carousel = $("#listing_blog_sec"); 
            carousel.trigger('owl.jumpTo', <?php echo @$GLOBALS['MyVar']; ?>)
            });
            </script>

在上面的代码中，如果我在页面刷新后单击页面中的第 4 个滑块，它会显示在第 5 个滑块中，但我滚动滑块，第 4 个滑块将处于活动状态。

我要这个( 如果我在页面刷新后单击 6 号滑块，则 6 号滑块仅在同一页面上有效）

请帮我解决这个问题

谢谢。

Answer 1

            <script>
            $(document).ready(function(){
            var carousel = $("#listing_blog_sec"); 
            carousel.trigger('owl.jumpTo', <?php echo @$GLOBALS['MyVar']-1; ?>)
            });
            </script>

终于可以正常使用了

owl 点击时轮播处于活动状态 class 未在同一页面上显示

owl carousel on click active class not displayed on same page

html

php

jquery

owl-carousel