如何改變使用jQuery或Javascript

Question

我使用BxSlider創建一個旋轉木馬，我滑塊工作對象的屬性，但我想，我需要一個對象的值更改爲false

添加功能

$(document).ready(function() { 
    var slider = $('.bxslider').bxSlider({ 
     speed: 10000, 
     slideWidth: 170, 
     slideMargin: 5, 
     minSlides: 4, 
     maxSlides: 10, 
     ticker: true, 
     nextSelector: '#slider-next', 
     prevSelector: '#slider-prev', 
     nextText: '<img src="images/next.png">', 
     prevText: '<img src="images/prev.png">' 
    }); 

我想在懸停時將ticker的值更改爲false。我不知道如何

$('.className').hover(function() { ///How should I change the value here }); 

我已經看過jQuery中ATTR（），但它沒有工作

$('.className').hover(function() { 
    slider.attr('ticker', false); 
}); 

，但我想這只是目標是什麼BxSlider外（）;

Answer 1

要暫停上懸停的股票，只需將tickerHover選項設置爲0123即可。

var slider = $('.bxslider').bxSlider({ 
     speed:10000,    
     slideWidth: 170, 
     slideMargin:5, 
     minSlides:4, 
     maxSlides:10,   
     ticker:true, 
     nextSelector: '#slider-next', 
     prevSelector: '#slider-prev', 
     nextText: '<img src="images/next.png">', 
     prevText: '<img src="images/prev.png">', 
     tickerHover : true // <------------------------- here 
}); 

Answer 2

你可以做到這一點，以改變Ticker mode：

// Cache the slider element 
var $slider = $('.bxslider'); 

// Initialize the slider 
$slider.bxSlider({ 
    speed: 10000, 
    slideWidth: 170, 
    slideMargin: 5, 
    minSlides: 4, 
    maxSlides: 10, 
    ticker: true, 
    nextSelector: '#slider-next', 
    prevSelector: '#slider-prev', 
    nextText: '<img src="images/next.png">', 
    prevText: '<img src="images/prev.png">' 
}); 

// On hover change the slider ticker option to false 
$('.className').hover(function() { 
    $slider.bxSlider({ ticker: false }); 
}); 

UPDATE

// Initialize the slider 
$slider.bxSlider({ 
    speed: 10000, 
    slideWidth: 170, 
    slideMargin: 5, 
    minSlides: 4, 
    maxSlides: 10, 
    ticker: true, 
    nextSelector: '#slider-next', 
    prevSelector: '#slider-prev', 
    nextText: '<img src="images/next.png">', 
    prevText: '<img src="images/prev.png">', 
    tickerHover: true // true, false - if true ticker will pause on mouseover 
}); 

Answer 3

這會爲你工作：

$('.className').hover(function() { 
     $slider.bxSlider({ ticker: false }); 
});