すべて、私はこの質問が尋ねられたことを知っており、おそらく私の質問に最も関連するのはこれです:
リソースはその他として解釈されますが、MIME タイプ text/javascript で転送されますか?
私の状況では、モバイル メニューを表示するためにいくつかの jquery が添付された背景画像があります。これは現在、iPad/iPhone では機能しません。Chrome の Developer Tools を使用して基本的にミラーリングし、iPhone 5 のディスプレイを使用してエラーを再現し、コンソールでエラーを確認できるようにしています。
私が取得し続ける警告は、リソースがイメージとして解釈されますが、MIME タイプ text/html で転送されます。
メニュー エントリを設定するコードは次のとおりです。
<nav id="mobile-menu-container" role="navigation" class="site-navigation mobile-navigation">
<ul id="mobile-menu-dropdown"><li>Browse</li></ul>
<div class="menu-mobile-menu-container">
<ul id="mobile-menu" class="menu">
<li id="menu-item-122" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-122">
<a href="http://website.com/">Home</a>
</li>
</ul>
</div>
</nav>
次のCSSがあると思います：
#mobile-menu-container {
padding: 0;
float: none;
text-align: center;
display: block;
}
#mobile-menu-container #mobile-menu-dropdown {
display: block;
}
#mobile-menu-container #mobile-menu-dropdown li {
cursor: pointer;
margin-right: 0;
background: url('../images/menu.png?1350393124') center right no-repeat;
border-top: none;
}
問題を引き起こしているのは次の行だと思います。
background: url('../images/menu.png?1350393124') center right no-repeat;
誰でもこれを修正する方法について何か考えがありますか?
ありがとう！