Jquery禁用幻灯片功能

Question

我正在使用智能滑块（http://www.egrappler.com/jquery-slidertrackbar-smart-slider/）

这是一个很好的jquery。

虽然可以在一个页面上使用一次;我希望滑块显示，但我想禁用滑动效果。所以它只是视觉而不是互动元素。这个没有很多文档，我的更改似乎搞砸了。任何想法都将不胜感激。

// JS

$('#trackbar1').strackbar({ 
    callback: onTick1, 
    defaultValue: 20, 
    sliderHeight: 25, 
    sliderWidth: 500, 
    style: 'style1', 
    animate: true, 
    ticks: false, 
    labels: false, 
    trackerHeight: 20, 
    trackerWidth: 20 
});
});

function onTick1(value) {
    $('#percentageworked').val(+ value);
}

// HTML

<div style="position: relative" class="CF"><div id="trackbar1"></div></div>

Answer 1

你可以尝试禁用它。

$('#trackbar1').strackbar({ 
               callback: onTick1, 
               defaultValue: 20, 
               sliderHeight: 25, 
               sliderWidth: 500, 
               style: 'style1', 
               animate: true, 
               ticks: false, 
               labels: false, 
               trackerHeight: 20, 
               trackerWidth: 20 
}).prop('disabled', true);