css - モバイルアプリと JQM での奇妙な CSS の問題

Question

これはJQMとは関係ないと思いますが、CSSだけかもしれません。

非常に基本的なモバイル Web ページがあり、正しい CSS で読み込まれます。このページには、同様のページにリンクしているが、CSS 参照が異なるリンクがあります。しかし、更新するまで CSS は適用されません。これをiphoneブラウザでテストしました。

誰かが同様の問題を抱えているか、これを見ましたか?

score 0 · Accepted Answer

JQMがデフォルトで機能する方法は、ajaxを介して、最初にロードされたページの「内側」にリンクされた各ページをロードすることです。これは舞台裏で行われます。

別のコンテンツを強制的にロードする場合、最も簡単な方法は、を使用してリンクを「外部」リンクにすることです。

<a href="location.html" rel="external">click here</a>

それは私がそれが絶対にajaxを使用しないことを知っている方法です。残念ながら、これはきちんとしたページ変更効果を無効にします。

ドキュメントでは、使用する必要があると書かれています

<script>
$(document).ready(function() {
    // disable ajax nav
    $.mobile.ajaxLinksEnabled = false;
});
</script>

しかし、これは私にとって常にうまくいくとは限りません。

ただし、すべてがリロードされるため、すべてのjavascriptとcssを「新規」ページに含める必要があることに注意してください。

あなたの求めていることを達成する別の方法は、すべてのページに両方のCssファイルをロードし、javascriptを使用してメディアタグを切り替えてそれらを切り替えることです。

お役に立てれば。私はjqmを古典的なウェブサイトのように機能させる方法を考え出すのに長い時間を費やしています。

1 に答える 1