Question

当用户在两个无线电之间切换时，我想在站点范围内更改正文（以及一些模态元素）的背景颜色。

这里是单选按钮的html：

  <div class="btn-group btn-group-xs" data-toggle="buttons">
    <label class="btn btn-default lightBtn">
      <input type="radio" name="options" id="light"> Light
    </label>
    <label class="btn btn-default darkBtn">
      <input type="radio" name="options" id="dark"> Dark
    </label>
  </div>

我为该活动尝试过的jquery，它还没有改变背景颜色..

$( function() {
   $('#lightBtn').click( function() {
     $('body').css('background', 'white' );    
   });
   $('#darkBtn').click( function() {
     $('body').css('background', 'black' );    
   });
});

此外，btns上的切换会在页面之间重置..是否有jquery事件语言来维护切换选择跨页面？

Answer 1

您的HTML将lightBtn和darkBtn定义为标签元素的类（.），而您的jQuery则定位具有ID lightBtn和darkBtn的元素#（$( function() { $('.lightBtn').click( function() { $('body').css('background', 'white' ); }); $('.darkBtn').click( function() { $('body').css('background', 'black' ); }); });）。

将它们更改为相同，例如：

<label id="lightBtn" class="btn btn-default">

jsFiddle here

或者只是将您的HTML标签更改为：

<label id="darkBtn" class="btn btn-default"> ...

{{1}} ...

更改正文背景颜色。单击以应用于整个站点并刷新？

1 个答案: