ruby-on-rails - Heroku で 2 回表示される Bootstrap Switch

Question

Bootstrap 3 を使用する Rails 3.2 アプリでhttp://www.bootstrap-switch.org/を使用しています。

次のような単純なスイッチを追加しました。

<div class="make-switch switch-large">
    <input type="checkbox" checked>
</div>

ローカル サーバーで Web アプリを実行すると、期待どおりに表示されます。

しかし、Heroku で Web アプリを実行すると、1 つではなく 2 つのスイッチが表示されます。

Chrome 開発者ツールで表示される html は、それぞれ次のとおりです。

• ローカル：

• ヘロク:

このバグを解決するには、何を探す必要がありますか?

Answer 1

bootstrap-switch.js が 2 回読み込まれました - その js ファイル内からログを記録してこれを確認しました

2 回ロードされる理由を理解するのに時間がかかりました。私の Heroku アプリでは、Rails.env は本番環境ではなく開発環境であることが判明したため、production.rb の設定は関係ありませんでした。

Answer 2

私はangularjsとディレクティブを使用していましたが、スイッチはディレクティブで一度初期化され、別の時間はjqueryを介して直接初期化されました。

基本的に、この行を何度でも呼び出すと、それだけ多くのスイッチが生成されます。

$('your-checkbox-selector').bootstrapSwitch();