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