【发布时间】：2013-10-05 16:03:37
【问题描述】：
我有以下问题。我正在使用 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冲突。
提前致谢
【问题讨论】：
标签： javascript css twitter-bootstrap twitter-bootstrap-3 cloudflare