ui滑块和bootstrap 3轮播在一起

Posted 2023-03-13

【中文标题】ui滑块和bootstrap 3轮播在一起

【英文标题】：Ui slider and bootstrap 3 carousel together

【发布时间】：2013-11-08 07:46:37

【问题描述】：

我想使用 ui 滑块来更改轮播图像。我想使用Nouislider 和默认的引导轮播。

目前我有以下代码：

$('.noUiSlider').noUiSlider(
    range: [0,6],
    start: 0,
    handles: 1,
    orientation: "vertical",
    slide: function () 
        var values = $(this).val();
        $('#carousel-example-generic').carousel(values[0]);             
    
);

考虑 Bootstrap 轮播文档中的以下几行：

.carousel(数字)

将轮播循环到特定帧（从 0 开始，类似于 数组）。

它报错Uncaught TypeError: Object [object Object] has no method '0'，我不明白哪里错了。

【参考方案1】：

问题解决了：

var value = parseInt( $(this).val() );
$('#carousel-example-generic').carousel(value);