0

更新ここのFTPリンク にライブバージョンをデプロイしました！うまくいけば、これは答えまたは少なくとも主要なコメントに影響を与えますか？:(

Modernizr 2.5+は、respond.jsのネイティブサポートを廃止しました。

問題： Modernizr 2.5以降からyesnope.jsをロードする場合、IE6〜8のメディアクエリ互換性のためにRespond.jsを実行するにはどうすればよいですか？

考えられる答え：

  • yesnopeパスが誤って参照されています。

  • インストールのステップを逃しました。

  • スクリプトの階層が競合しています

  • ????

脚本： 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape('%3Cscript src="<?php echo get_template_directory_uri(); ?>/library/js/libs/jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/modernizr.full.min.js"></script>     
<script src="<?php echo get_template_directory_uri(); ?>/library/js/scripts.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/less-1.3.0.min.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/selectivizr-min.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/respond.min.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/ggs.js"></script>
        <script type="text/javascript">
        Modernizr.load({
            test: Modernizr.mq('only all and (min-width: 1px)'),//true if media queries  supported
            nope: 'library/js/libs/respond.min.js'
            });
        </script>


    </body>

ファイル構造
ここに画像の説明を入力してください

さらに、Modernizrの上部 を削除しました。これは、（どちらのバージョンも機能しない）と主張したためです。

4

3 に答える 3

1

I'm not sure why you would need to share your directory structure, but does that address the issue?

Modernizr.load({
    test: Modernizr.mq('only all and (min-width: 1px)'),//true if media queries supported
    nope: 'library/js/libs/respond.min.js'
});

EDIT: Try this, I tried to make the path more like the ones you were already using.

Modernizr.load({
    test: Modernizr.mq('only all and (min-width: 1px)'),//true if media queries supported
    nope: '<?php echo get_template_directory_uri(); ?>/library/js/libs/respond.min.js'
});
于 2012-04-27T20:47:24.860 に答える
1

最後に解決しました！
コンパイルされていない LESS ファイルは、respond.js として認識されません。したがって、Simpless を使用すると、respond.js が IE で動作するようになります。

似たような質問はこちら

于 2012-05-12T05:47:15.410 に答える
0

ただし、Modernize はスタンドアロンですぐに使用できるはずです。

いわゆる「スタイルのないコンテンツのフラッシュ」を防ぐために、ヘッダータグ内に配置するという考え方です。

さらに、Modernizr は、カスタム ダウンロードを作成する多くの可能性を提供します。

http://modernizr.com/download/

このページでは、YepNope と MediaQuery を明示的に含めることができます。

于 2012-04-27T20:37:08.343 に答える