0

私はレスポンシブ Web サイトを持っていて、w3c トータル キャッシュを有効にしました。縮小するたびに、レスポンシブ メニューが表示されません。このメニューは特定の画面サイズでアクティブになります。コードは次のとおりです。

<div class="main-nav">
  <div id="responsive_current_menu_item">Welcome to Yum Yum Videos!</div>
    <ul id="menu-top-menu" class="menu">
      <li>...</li>
    </ul>
    <a id="responsive_menu_button"></a>
</div>

問題は、縮小するたびにコードから消えてしまうことですid="responsive_current_menu_item"。id="responsive_menu_button"

ここで動作を確認できます(トップ メニューです。レスポンシブ メニューを表示するために w3c tocal キャッシュが無効になっています)。

どこで見てもいいですか？事前にどうもありがとう

4

2 に答える 2

0

メニューがどのように機能するかについて、もう少し情報が必要です。

推測: あなたのレスポンシブ メニューは jQuery に依存していますが、メニューの JS コードが読み込まれた後に jQuery が読み込まれます。そのようには機能しません。最小化の順序を変更し、jQuery スクリプトがすべてのテンプレートで最初の JS として読み込まれるように設定し、ヘッダーに埋め込んでみてください。

同じことが CSS 縮小にも当てはまります。

于 2014-09-11T07:10:21.263 に答える