jQuery を使用する Themeforest のモバイル Web サイトのテーマ「Mobilize」を使用して、モバイル アプリケーションを開発しました。追跡したい各ページにモバイル ウェブサイト向け Google アナリティクスのコードを挿入しましたが、問題は、各ページの読み込み中にコードが一瞬だけ表示されることです。下記参照:
コードを隠そうとしましたが、うまくいきません。何か案は?
jQuery を使用する Themeforest のモバイル Web サイトのテーマ「Mobilize」を使用して、モバイル アプリケーションを開発しました。追跡したい各ページにモバイル ウェブサイト向け Google アナリティクスのコードを挿入しましたが、問題は、各ページの読み込み中にコードが一瞬だけ表示されることです。下記参照:
コードを隠そうとしましたが、うまくいきません。何か案は?
コードが<div>
タグにあるのはなぜですか?
<div style="display:hidden;">
$('[data-role=page]').live('pageshow', function (event, ui) {
//...
});
</div>
それはうまくいきません。1 つ目は、コードをページ上で実際にレンダリング可能なテキストにするためであり、2 つ目は実際には実行されないため、このコードは何もしません。
これらの問題の両方を解決するには、代わりにそのコードを<script>
タグに入れます。
ページのスタイルシートが読み込まれると、実際のページ コンテンツがこのコード div の上に配置され、見えなくなります。
また、display: hidden
無効な CSS です。あなたはおそらくdisplay: none
それを隠し、ページフローから削除したであろう を望んでいました. 要素を非表示にするルールと混同している可能性visibility: hidden
がありますが、それでもページのスペースを占有します.
ただし、それが実際にスクリプト タグである場合、スタイルはまったく問題になりません。