jQuery Mobile网站 - 隐藏Google Analytics（分析）跟踪代码

Question

我已经开发了一个移动应用程序，其中包含使用jQuery的Themeforest中的“Mobilize”移动网站主题。我已将Google Analytics for Mobile网站代码插入到每个我想跟踪的网页中，但问题是在加载每个网页时，代码显示为一秒钟。请看下图：

http://m.eyemagic.net

我试图隐藏代码，但没有运气。有任何想法吗？

Answer 1

为什么<div>标记中的代码？

<div style="display:hidden;"> 
$('[data-role=page]').live('pageshow', function (event, ui) { 
    //... 
}); 
</div> 

这不起作用。因为首先，它使页面上的代码实际可呈现文本，其次，实际上不会执行，所以这段代码什么都不做。

将该代码放在<script>标记中，以解决这两个问题。

一旦你的页面的样式表加载，实际的页面内容被定位在这个代码div的顶部，使它不能被看到。

另外，display: hidden无效的CSS。你可能想要display: none，它会隐藏它，并从页面流中删除它。您可能会将该规则与visibility: hidden混淆，这会隐藏元素，但仍会占用页面上的空间。

但无论如何，如果这实际上是一个脚本标记，那么造型根本就不重要。