Question

在这里，我编写代码以在同一页面上显示活动类。

            <?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将处于活动状态。

我想要这个（如果我在页面刷新后单击滑块no 6，则仅在同一页面上激活6号滑块）

请帮我解决这个问题

感谢。

Answer 1

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

最后一切正常

单击活动类的猫头鹰轮播未显示在同一页面上

1 个答案: