Question

我使用了来自Themeforest的“Mobilize”移动网站主题开发了一个移动应用程序，该主题使用了jQuery。我将谷歌分析移动网站代码插入到我想要跟踪的每个页面中，但问题是每个页面加载时，代码会显示一瞬间。见下文：

我试过隐藏代码，但没有运气。有什么想法吗？

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混淆，这会隐藏元素，但仍会占用页面上的空间。

但无论如何，如果它实际上是一个脚本标签，那么样式根本不重要。