javascript - 在运行时触发 jquery-ui.toggleSwitch.js 切换开关

Question

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

可以找到该插件here

使用 Jquery slider ，可以简单地通过值选项强制 slider 更改，即:

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

配置选项包括:

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

感谢任何帮助!

Answer 1

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

在其上创建切换开关:

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

要切换 - 在标签上调用“单击”以选择“关闭”选项(索引 = 1):

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

eq(1) 这里是选项值(OFF)的索引。对于 ON，则为 eq(0)。这是通过超时来强制代码“关闭”:http://jsfiddle.net/5ZSuw/