javascript - Bootstrap 3 : toggle off-canvas navigation menu doesn't work

Question

我有以下问题。我正在使用 Bootstrap3 框架开发一个网站，以使其具有良好的响应能力。在某些页面中，我使用 Canvas 外导航菜单(示例可在此处找到: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>

我不知道为什么要在该部分添加这段代码，但这是与本地主机的唯一区别，所以我认为存在 js 冲突。

提前致谢

Answer 1

看起来 Rocket Loader 正在影响它。您是否尝试过在 CloudFlare 性能设置中将其关闭？