Javascript 在元素悬停时播放bxSlider

我有一个wordpress循环，将多个BXSLider加载到一个页面上，我希望这些滑块在父元素的悬停处分别启动和停止。我不知道该怎么做

显然，我需要使用

$('.item').each

但是我不知道如何在悬停状态下停止和启动bxslider。有人有解决办法吗

以下是一些示例代码：

if ( have_posts() ) while ( have_posts() ) : the_post(); 
            ?>
                <div class="item">
                            <div class="thumbnail clearfix">
                                <ul>
                                    <li><?php if ( has_post_thumbnail()) : // Check if Thumbnail exists ?>
                                        <h1 title="<?php the_title(); ?>" >
                                            <a href="<?php the_field('website_url'); ?>"><?php the_post_thumbnail(); ?></a>
                                        </h1>
                                        <?php endif; ?>
                                    </li>
                                    <li>
                                        <div>
                                        <?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image'); endif; ?>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                        <?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'third-image'); endif; ?>
                                        </div>
                                    </li>
                                </ul>
                             </div>
                     </div> 
<?php endwhile; ?>

但这不起作用。我希望它如何，我希望它在每一个上构建滑块。。。然后当用户悬停时，使滑块开始。。。和鼠标上下停止

---

感谢高级版。

您应该浏览bxSlider API方法：

解决方法是使用

.startAuto（）

和

.stopAuto（）：

示例：

要将事件与滑块父级关联，请使用此滑块：

     $('.yourParentParent').mouseenter(function() {   
         _this.startAuto();      
     }).mouseleave(function() {   
         _this.stopAuto();
     });

如果您不想启动页面上的所有滑块，请将此

更改为您确切的bxSlider选择器。

请在jsfiddle上提供示例代码或演示，并使用im使用的更多代码进行更新。我不确定我是否可以使用fiddle作为它在wordpress中运行的工具。我对此进行了调查，但每次我尝试调用startAuto时，我都会遇到控制台错误，不确定原因。但你给我的是一点也不感谢。我该如何在父母身上触发星斗呢？例如，2向上而不是向上？

$('.bxSlider').each(function() {
    var _this = $(this).bxSlider({
        auto: false,
        speed: 200,
        pause: 500
    });
    _this.mouseenter(function() {   
         _this.startAuto();      
     }).mouseleave(function() {   
         _this.stopAuto();
    });
});

     $('.yourParentParent').mouseenter(function() {   
         _this.startAuto();      
     }).mouseleave(function() {   
         _this.stopAuto();
     });