bxsliderで自動再生が有効になっているかどうかを確認する方法

Question

ボタン（＃my-button）をクリックすると、スライダの自動再生機能が有効になっているかどうか確認します。私は以下しようとしたが、それは私たちが見ることができます（スライダは自身で動いている場合、すなわち、参照）オートが有効になっているかどうかを決定する明白な方法のほかに、未定義オブジェクト

var slider = $('.bxslider').bxSlider({ 
    auto: true, 
    autoControls: true 
}); 

$('#my-button').click(function(){ 
    console.log(slider.auto); 
}); 

Answer 1

を返さautoControlボタンのどの、.bx-startおよび/または.bx-stopのクラスは.activeです。

SNIPPET

var slider = $('.bx').bxSlider({ 
 
    auto: true, 
 
    autoControls: true 
 
}); 
 

 
$('.status').click(function() { 
 
    if ($('.bx-stop').hasClass('active')) { 
 
    console.log('Auto is inactive'); 
 
    $('.display').val('Inactive'); 
 
    } else { 
 
    console.log('Auto is active'); 
 
    $('.display').val('Active'); 
 
    } 
 
});

img { 
 
    display: block; 
 
    margin: 0 auto; 
 
} 
 

 
button { 
 
    font: inherit; 
 
}

<link href='https://cdn.jsdelivr.net/bxslider/4.2.5/jquery.bxslider.css' rel='stylesheet'> 
 

 

 
<ul class='bx'> 
 
    <li class='slide'><img src='http://placehold.it/250x150/000/fff?text=1'></li> 
 
    <li class='slide'><img src='http://placehold.it/250x150/00f/eee?text=2'></li> 
 
    <li class='slide'><img src='http://placehold.it/250x150/0e0/111?text=3'></li> 
 
    <li class='slide'><img src='http://placehold.it/250x150/f00/fff?text=4'></li> 
 
    <li class='slide'><img src='http://placehold.it/250x150/fc0/000?text=5'></li> 
 
    <li class='slide'><img src='http://placehold.it/250x150/fff/000?text=6'></li> 
 
</ul> 
 

 

 
<button class='status'>Status</button> 
 
<output class='display'></output> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src='https://cdn.jsdelivr.net/bxslider/4.2.5/jquery.bxslider.min.js'></script>