如何实现seiyria-bootstrap-slider

Question

我得到2个相同的滑块重叠。我只想要一个滑杆。

不确定如何实现此插件。有没有人成功使用它？

Web Document Snippet：

maxResults

以下是Chrome（最新）和IE（最新）中的内容：

我的jsFiddle： https://jsfiddle.net/kretrjgz/

Answer 1

您正在创建滑块的两个实例。

如果删除底部脚本标记，它应该可以正常工作

<script>
  //new Slider( '#language_english', {formatter} );
</script>

您在HTML中创建了一个，在脚本标记上创建了一个（不破坏前一个）。

如果您在底部放置一个脚本标签，其中包含5次新滑块

 new Slider( '#language_english', {formatter} );
 new Slider( '#language_english', {formatter} );
 new Slider( '#language_english', {formatter} );
 new Slider( '#language_english', {formatter} );
 new Slider( '#language_english', {formatter} );

它将创建5个滑块。如预期的那样。

文档非常简单易于使用示例和烟花以及所有内容：

Docs

Answer 2

从标记中移除data-provider="slider"：https://jsfiddle.net/kretrjgz/2

data-provide会自动使用您的选项实例化滑块。你不能以这种方式提供一个函数，所以唯一的方法是在JS中提供它。一般来说，您可以将所有选项放在一个地方或另一个地方，而不是两者，这使得这种情况特别令人困惑。

您可以看到data-provide已有详细记录（请参阅example #19）。