添加功能到Bootstrap Switch State

时间:2013-10-08 19:49:01

标签: jquery twitter-bootstrap

表单字段:

<div class="form-group">In-Store Exclusive.
<div class="make-switch pull-right">
<input type="checkbox" id="radstuff" <%if (offer.get('inStoreOnly')) {%>checked<%}%>  disabled>
</div>
</div>

输出为:

enter image description here

我正在尝试在“开启或关闭”状态切换后执行某些操作。默认为OFF,OK;但我想点'开'并做点什么。说触发链接打开。我无法弄清楚如何访问它。

coolfunction: function() {
            if offer.get('#radstuff').is('.switch-on');
        {
             window.open("http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images[0]=YOUR_IMAGE_TO_SHARE_OBJECT.com",'_blank');
        },

更新:最近的尝试。

    coolfunction: function ()
      offer.get('#radstuff').parent().is('.switch-on') {
   /*   return true;  */
       alert('Test');
    },

点击'OFF'后引用上述输出; NADA。

1 个答案:

答案 0 :(得分:1)

假设您使用this widget,则无法访问正确的标记来查找.switch-on

创建的标记看起来像:

<div class='make-switch has-switch' >
   <div class='switch-on switch-animate'>
     <input type='checkbox' checked />
     ....
   </div>
</div>

您的代码期望input[checkbox]元素获得.switch-on / .switch-off类,但它更高一级。所以可能是这样的:

offer.get('#radstuff').parent().is('.switch-on')