jquery - 向 Bootstrap 开关状态添加功能

Question

表单域：

<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>

输出为：

在切换“开或关”状态后，我真的想做点什么。默认为OFF，OK；但我想点击“ON”并做点什么。说触发链接打开。我不知道如何访问它。

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');
    },

单击“关闭”作为上述输出引用后；纳达。

Answer 1

假设您正在使用这个小部件，您没有访问正确的标记来查找.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类，但它是一个更高级别的 div。所以也许是这样的：

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