Bootstrap 3：切換畫布導航菜單不起作用

Question

我有以下問題。 我正在使用Bootstrap3框架開發網站，以使其具有良好的響應能力。 在某些頁面中，我使用了畫布外導航菜單（示例可以在這里找到： http : //getbootstrap.com/examples/offcanvas/ ）。 在本地進行開發時，它可以完美工作（如果我減小屏幕的寬度，則菜單消失，出現切換按鈕，單擊該菜單時，菜單將從右側滑動）。 問題是，當我嘗試在服務器上進行相同操作時（網絡托管：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>

我不知道為什么要在本節中添加此代碼，但這是與localhost的唯一區別，因此我認為存在js沖突。

提前致謝

Answer 1

看起來Rocket Loader正在影響它。 您是否嘗試過在CloudFlare性能設置中將其關閉？