0

左上の「ナビゲーションリスト」アイコンをクリックするとスライドインする、キャンバス外のナビゲーションを備えたサイトを作成しようとしています。

私は最初にそれを開発し、CSS3 Transitionsと：targetを使用してそれを強化しました。

次に、StackOverflowの助けを借りて、同様の効果を持つJQuery1.9を搭載したバージョンを開発しました。このバージョンは正常に動作します。

次に、それらを組み合わせて、Modernizrを使用して、：targetセレクターがサポートされていないことを検出しています。これにより、以前からJQueryが読み込まれます。Chromeで試してみましたが、機能します。つまり、CSS3 Transitionsと：targetがサポートされている場合に機能します。しかし、IE 7で試してみましたが、機能しません。

これは、Modernizrとカスタム：targetテストが機能していないためにjQueryが読み込まれていないのか、それとも何らかの理由でJQueryが機能していないためなのかわかりません。

ここにあります：http：//goo.gl/ztbwe

CSS3トランジションと：targetをサポートするブラウザーでこれを機能させるためのすべての助けを本当に感謝します。どちらかがサポートされていない場合は、jQueryを提供して実行します。

4

1 に答える 1

3

関数（ menu.htmlodd()の62行目）には余分なコンマがあります。

function odd() {
    $('.content').animate({
        marginLeft : '20%',
        marginRight : '-20%', // <-- bad comma
    });
}

次回は、Internet Explorer（または問題が発生しているブラウザー）でデモを開き、F12（開発ツール）をクリックします。IEを使用すると、ページを表示するブラウザーのバージョンを切り替えることができるため、IEの場合は、開発ツールで「ブラウザーモード」をIE7に設定し、コンソールを開いてエラーを調べます。

于 2013-02-07T01:28:26.267 に答える