次の問題があります。Bootstrap3 フレームワークを使用して Web サイトを開発し、優れた応答性を実現しています。一部のページでは、オフキャンバス ナビゲーション メニューを使用しています (例はhttp://getbootstrap.com/examples/offcanvas/にあります)。ローカルで開発すると問題なく動きます(画面幅を小さくするとメニューが消えてトグルボタンが出てクリックするとメニューが右からスライドします)。問題は、サーバー (Web ホスティング: fatcow.com) で同じことをしようとしたときです。トグル ボタンは、メニュー スライドをトリガーしません。(ビデオの例: http://screencast.com/t/8dZoW4gK ) Google Chrome で「要素の検査」を使用すると、ページのソース コードに追加のコードが追加されていることがわかります。
http://screencast.com/t/59vze3aZd3m
<script type="text/javascript" src="//ajax.cloudflare.com/cdn-cgi/nexp/abv=2545410587/cloudflare.min.js"></script>
<style type="text/css">.cf-hidden { display: none; } .cf-invisible { visibility: hidden; }</style>
<script data-module="cloudflare/rocket" id="cfjs_block_1313ed8fefd" onload="CloudFlare.__cfjs_block_1313ed8fefd_load()" onerror="CloudFlare.__cfjs_block_1313ed8fefd_error()" onreadystatechange="CloudFlare.__cfjs_block_1313ed8fefd_readystatechange()" type="text/javascript" src="http://esngreece.gr/cdn-cgi/nexp/abv=980862342/cloudflare/rocket.js"></script>
セクションにこのコードが追加されている理由はわかりませんが、ローカルホストとの違いはこれだけなので、js の競合が発生していると思われます。
前もって感謝します