javascript - Bootstrap Switch 显示了两个带有 Rails 和 Simple Form 的开关

Question

我将 Bootstrap Switch Gem 与 Ruby on Rails 和 Simple Form Gem 一起使用。根据 Bootstrap Switch 说明，我已将开关初始化如下：

$(document).ready(function() {
  $("[input='radio']").bootstrapSwitch();
});

但是单选按钮显示为两个开关并且无法正常工作：

而它们当然应该显示如下：

什么会导致这种情况？我将它用于复选框，所有工作都按预期工作。

单选按钮的 HTML 输出：

<span class="radio">
  <label for="client_high_profile_true">
    <div class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-inverse bootstrap-switch-id-client_high_profile_true bootstrap-switch-on bootstrap-switch-animate" style="width: 106px;">
      <div class="bootstrap-switch-container" style="width: 156px; margin-left: -52px;"><span class="bootstrap-switch-handle-off bootstrap-switch-default" style="width: 52px;">NO</span>
        <span class="bootstrap-switch-label" style="width: 52px;">&nbsp;</span><span class="bootstrap-switch-handle-on bootstrap-switch-success" style="width: 52px;">YES</span>
     <input class="radio_buttons optional" type="radio" value="true" name="client[high_profile]" id="client_high_profile_true">
   </div>
   </div>Yes
 </label>
</span>

<span class="radio">
  <label for="client_high_profile_false">
   <div class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-readonly bootstrap-switch-inverse bootstrap-switch-id-client_high_profile_false bootstrap-switch-animate bootstrap-switch-off" style="width: 106px;">
      <div class="bootstrap-switch-container" style="width: 156px; margin-left: 0px;"><span class="bootstrap-switch-handle-off bootstrap-switch-default" style="width: 52px;">NO</span><span class="bootstrap-switch-label" style="width: 52px;">&nbsp;</span>
    <span class="bootstrap-switch-handle-on bootstrap-switch-success" style="width: 52px;">YES</span>
     <input class="radio_buttons optional" readonly="readonly" type="radio" value="false" checked="checked" name="client[high_profile]" id="client_high_profile_false">
  </div>
  </div>No</label>
  </span>

感谢任何帮助谢谢。