0

我有以下问题。我正在使用 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冲突。

提前致谢

4

1 回答 1

0

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

于 2013-10-24T21:53:18.803 回答