README

最初是从Stefan Petre在http://www.eyecon.ro/上找到的bootstrap-slider的一个松散的“分支”开始的。

随着时间的推移，这个项目已经与Stefan Petre的版本有很大不同，现在几乎完全不同。

请在创建仓库问题跟踪器中的问题之前确保您使用的是这个库而不是Petre版本！！

安装

克隆仓库，然后运行 npm install

想使用bower吗？ bower install seiyria-bootstrap-slider

想使用npm吗？ npm install bootstrap-slider

注意：NPM用户：为了保持我们dist/文件中的版本号与我们的Github标签一致，我们在postpublish之后进行补丁版本升级，生成新的dist，并创建提交/标签。

这意味着Github仓库将始终比发布到NPM的版本落后一个补丁提交。请注意，这不会影响功能，只是用于保持包管理系统文件和dist文件版本号的一致性。

基本设置

将插件CSS和JavaScript加载到您的网页中，然后一切应该都会正常工作！

请记住，在加载Bootstrap CSS和JQuery之后加载插件代码。

JQuery是可选的，插件可以在有或没有JQuery的情况下运行。

下面是一个如何与非JQuery界面交互的示例。

支持的浏览器

我们只支持现代浏览器！！！基本上，低于IE9的浏览器与这个插件不兼容！

示例

您可以在这里查看我们所有的API示例。

使用bootstrap-slider（带JQuery）

创建一个输入元素，并在其上调用.slider()

// Instantiate a slider
var mySlider = $("input.slider").slider();

// Call a method on the slider
var value = mySlider.slider('getValue');

// For non-getter methods, you can chain together commands
	mySlider
		.slider('setValue', 5)
		.slider('setValue', 7);

如果JQuery命名空间中已经绑定了slider插件怎么办？

如果JQuery命名空间中已经绑定了名为slider的插件，则此插件将采用替代命名空间bootstrapSlider。

// Instantiate a slider
var mySlider = $("input.slider").bootstrapSlider();

// Call a method on the slider
var value = mySlider.bootstrapSlider('getValue');

// For non-getter methods, you can chain together commands
	mySlider
		.bootstrapSlider('setValue', 5)
		.bootstrapSlider('setValue', 7);

使用bootstrap-slider（不带JQuery）

在DOM中创建一个输入元素，然后创建一个Slider实例，传入一个引用输入元素的选择器字符串。

// Instantiate a slider
var mySlider = new Slider("input.slider", {
	// initial options object
});

// Call a method on the slider
var value = mySlider.getValue();

// For non-getter methods, you can chain together commands
mySlider
	.setValue(5)
	.setValue(7);

作为CommonJS模块使用

bootstrap-slider可以通过Browserify、Webpack或其他构建工具作为CommonJS模块加载。

var Slider = require("bootstrap-slider");

var mySlider = new Slider();

请注意，JQuery依赖项被认为是可选的。例如，要排除JQuery作为Browserify构建的一部分，您将调用以下内容（假设main.js将bootstrap-slider作为依赖项要求）

browserify -u jquery main.js > bundle.js

请参阅您使用的特定CommonJS加载器的文档，以了解如何排除依赖项。

选项

选项可以作为data（data-slider-foo）属性传递，也可以作为slider调用中的对象的一部分传递。唯一的例外是formatter参数，它不能作为data-属性传递。

函数

注意：可选参数为斜体。

事件

版本升级和发布（仅限维护者）

为了提升与所有注册的包管理系统的版本号，请使用 grunt bump 插件。

• grunt bump:patch - 补丁版本提升，0.0.0 -> 0.0.1
• grunt bump:minor - 小版本提升，0.0.0 -> 0.1.0
• grunt bump:major - 大版本提升，0.0.0 -> 1.0.0

提升版本后，输入 npm publish 命令以在NPM上更新。

其他平台与库

• Ruby on Rails
• knockout.js (@cosminstefanxp, #81)
• AngularJS
• NuGet
• MeteorJS

维护者

• Kyle Kemp
  • Twitter: @seiyria
  • Github: seiyria
• Rohit Kalkur
  • Twitter: @Rovolutionary
  • Github: rovolution