0

jQuery Mobile を使用しているときにこの問題に直面しています。ホームページにたどり着くと、すべての CSS と JavaScript が正常に機能します。リンクまたはボタンをクリックすると、イベントは期待どおりに機能します。

しかし、任意のページに移動して About Us を表示し、その特定のページを更新すると、ホームページに戻ると、CSS の一部が欠落しており、JavaScript が機能しなくなりますが、リンクは正常に機能します。

ホームページに戻った後、単純なアラートも機能しません。どんな助けでも大歓迎です。ありがとう

4

2 に答える 2

2

<body>jQuery Mobile の標準的な Ajax ナビゲーションは、移動先のページのみを取得します。これは、後続のページのヘッダーにリンクされている/定義されている CSS またはスクリプトが単純に無視されることを意味します。つまり、ユーザーがロードする最初のページのヘッダーには、後続のすべてのページで必要なすべてのスタイル/スクリプトが含まれている必要があります。「about」を更新すると、これが最初のページになります。このページのヘッダーには、ホームページと同じコンテンツが含まれていないようです。ヘッダーを更新するか、リンクで属性を使用rel="external"しdata-ajax="false"て、JQM ajax ナビゲーションを無効にし、ページ全体が読み込まれるより通常の方法で「about」ページに出入りすることができます。詳細については、このページを確認できます。

于 2012-11-30T08:54:13.563 に答える
0

別のページに移動して更新すると、 内のすべてのインライン スタイルが削除されます<body>。

スタイルが維持されるように、外部スタイル シートを使用してみてください。

リフレッシュ<body>前:

<body style="background: -moz-linear-gradient(top, #E7E7E7, #121212); background: -webkit-gradient(linear, center top, center bottom, from(#E7E7E7), to(#121212));" class="ui-mobile-viewport ui-overlay-d">

そしてあなた<body>のリフレッシュ後：

<body class="ui-mobile-viewport ui-overlay-c">

このページはめ込みスクリプトも消えています。外部スクリプトに移動してみてください:

<script type="text/javascript">
            $(document).ready(function(){
                $(".second-tech").hide();
                $(".third-tech").hide();

                $("#mobileicon").click(function(){
                    if ($(".second-tech").is(':visible')) {

                       //... Lots more code...

                });
            });
        </script>
于 2012-11-29T12:41:30.067 に答える