Rails のチェックボックの表示について。bootstrap-switchの表示が出来ない。

Question

bootstrap-switchを利用してサイト上にon/offの表示を行いたいと考えているのですが表示が出来ません。
ここを確認すると良いなど御座いましたらご指摘頂けると幸いです。
http://www.bootstrap-switch.org/

Railsにてgemのbootstrap-switch-railsを導入しています。

表示したいページにCSS、JSの設置は出来ています。

<link rel="stylesheet" media="all" href="/assets/admin/bootstrap.self-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx.css?body=1" />
<link rel="stylesheet" media="all" href="/assets/twitter-bootstrap-static/bootstrap.self-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx.css?body=1" />
<link rel="stylesheet" media="all" href="/assets/twitter-bootstrap-static/fontawesome.self-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx.css?body=1" />
<link rel="stylesheet" media="all" href="/assets/admin/bootstrap_and_overrides.self-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx.css?body=1" />
<link rel="stylesheet" media="all" href="/assets/bootstrap3-switch.self-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx.css?body=1" />

<script src="/assets/jquery.self-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx.js?body=1"></script>
<script src="/assets/jquery_ujs.self-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx.js?body=1"></script>
<script src="/assets/bootstrap-switch.self-xxxxxxxxxxxxxxxxxxxxxxxxxxxxx.js?body=1"></script>

表示したいページに以下を設置

  <script type="text/javascript">
  $(document).ready(function() {
    $('input:checkbox').bootstrapSwitch();
  });
  </script>
  
  <input type="checkbox" name="my-checkbox" checked>	

↑ここまで設定するとon/offのスイッチの様な表示になるのかなーと考えますが、通常のチェックボックの表示となります。

何か抜けていますでしょうか？

宜しくお願いします。

Answer 1

JSかCSSかあるいは両方のファイルが読み込まれていないのかなと思います。
まずは生成された要素のチェックです。
JSが読み込まれていればこうなります。

<input type="checkbox">チェックボックステキスト
  ↓
<div class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-animate bootstrap-switch-on" style="width: 108px;">
	<div class="bootstrap-switch-container" style="width: 159px; margin-left: 0px;">
		<span class="bootstrap-switch-handle-on bootstrap-switch-primary" style="width: 53px;">ON</span>
		<span class="bootstrap-switch-label" style="width: 53px;">&nbsp;</span>
		<span class="bootstrap-switch-handle-off bootstrap-switch-default" style="width: 53px;">OFF</span>
		<input type="checkbox">
	</div>
</div>
チェックボックステキスト

呼び出しの記述は正しいので、上記の要素が生成されていなければJSが読まれていません。

JSが読まれていてCSSが読まれていない場合は、最低限「OFF」の文字がブラウザ上に現れているはずなのでそこで判断します。

Answer 2

私の手元では質問内容のコードでちゃんとbootstrapSwitch化されましたので記述は合っていると思います。