Javascript Bxslider离开页面后中断

Javascript Bxslider离开页面后中断,javascript,jquery,wordpress,bxslider,Javascript,Jquery,Wordpress,Bxslider,我想知道是否有人能帮我解决bxslider的问题。我正在创建一个Wordpress站点,并使用jQueryBxslider而不是插件版本。当你加载网站时,滑块的一切都很好,但是当你离开主页转到另一个页面,然后回来时,滑块就坏了 当我说break时,两张幻灯片都在显示,JavaScript已经停止。我使用Bootstrap3作为主题的框架 我不习惯在这里发帖,所以很抱歉,如果我犯了错误,请随时更正 任何帮助都将不胜感激 非常感谢 <div class="container">

我想知道是否有人能帮我解决bxslider的问题。我正在创建一个Wordpress站点,并使用jQueryBxslider而不是插件版本。当你加载网站时,滑块的一切都很好,但是当你离开主页转到另一个页面,然后回来时,滑块就坏了

当我说break时,两张幻灯片都在显示,JavaScript已经停止。我使用Bootstrap3作为主题的框架

我不习惯在这里发帖,所以很抱歉,如果我犯了错误,请随时更正

任何帮助都将不胜感激

非常感谢

<div class="container">     
     <section class="row" id="slidercontainer">
           <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="sliderholder">
             <ul class="bxslider">
                <?php
                    global $post;
                    $args = array('numberposts' => 4, 'category' => 2, 'post_status'=>"publish");
                    $myposts = get_posts($args);
                    foreach($myposts as $post) : setup_postdata($post);
                                        ?>
                <li id="post-<?php the_ID(); ?>" class="slider-item">
                    <h1><?php echo get_the_title();?></h1>
                    <?php 
                        $imageArray = get_field('slider_image'); // Array returned by Advanced Custom Fields
                        $imageAlt = $imageArray['alt']; // Grab, from the array, the 'alt'
                        $imageThumbURL = $imageArray['sizes']['postslider']; //grab from the array, the 'sizes', and from it, the 'thumbnail'
                    ?>
                    <img class="pull-right" src="<?php echo $imageThumbURL;?>" alt="<?php echo $imageAlt; ?>">
                    <?php
                        $content = apply_filters( 'the_excerpt', get_the_excerpt() );
                        $content = str_replace( ']]>', ']]&gt;', $content );
                    ?>
                    <div class="slider-content"><?php echo $content;?></div>
                </li>
                <?php
                    endforeach;
                    wp_reset_postdata();
                ?>
            </ul>
        </div>
     </section>
    </div>

<!-- JavaScript -->
$(document).ready(function(){
        $('.bxslider').bxSlider({
            maxSlides: 4,
            pager: false,
            auto: true,
            autoHidePager: true,
            pause: 10500,
            controls: true,
            speed: 1800,
            mode: 'horizontal'
        });
    });


    你在控制台上的错误是什么?嗨@PraveenKumar谢谢你的回复。我完全忘了检查控制台。它显示了与插件联系人表单7的冲突。我停用了插件,滑块似乎正在工作。不知道为什么会有冲突,联系人表单7中甚至没有创建表单控制台中的实际错误是Uncaught TypeError:$。wpcf7SupportHtml5不是一个函数。如果是错误的,它看起来像是一个常见的WordPress错误-此解决方案可能有效。