在运行时激活jquery-ui.toggleSwitch.js切换开关

时间:2012-08-21 21:08:08

标签: javascript jquery slider

我找到了一个使用Jquery UI库的ToggleSwitch插件,但我似乎找不到在运行时初始化后切换开关的方法。

可以找到该插件here

使用Jquery滑块,可以简单地强制滑块更改值选项,即:

$("#slider").slider('values', 0,100);

配置选项包括:

$(".selector").toggleSwitch({
  highlight: true, // default
  width: 25, // default
  change: function(e) {
  console.log("i changed my value")
 } // default: null
});

感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

<select id="on-off" class="ui-toggle-switch">
   <option selected="selected">ON</option>
   <option>OFF</option>
</select>

在其上创建切换开关:

$("#on-off").toggleSwitch();

要切换 - 在标签上调用“click”选项“off”(index = 1):

$("div.ui-toggle-switch").find("label").eq(1).click();

eq(1)这里是选项值索引(OFF)。对于ON,它将是eq(0)。 这里有一个超时强制从代码强制“关闭”:http://jsfiddle.net/5ZSuw/