3

Yepnope を Modernizr と共に (ローカルで) 使用して、CSS および JS ファイルをロードしようとしています。そのため、ファイルをより適切に管理し、簡単にコーディングできます。

これは現在のレイアウトです:

Modernizr.load([
    {
        test: Modernizr.mq('all and (max-width: 1070px)'),
        yep: '/css/smartdevice.css','/js/smartdevice.js',
    }
    ,
    {
        test: Modernizr.mq('all and (min-width: 481px) and (max-width: 1069px)'),
        yep: '/css/tablet.css','/js/tablet.js',
    },
    {
        test: Modernizr.mq('all and (max-width: 1070px)'),
        yep: '/css/screen.css','/js/screen.js',
    }
]);

私は JS にかなり慣れていませんが、jQuery を使用したことがあります。ただし、それらはすべて一度に読み込まれますが、ピクセル幅に基づいて CSS ファイルを読み込むことはできますか? (上記の値を参照)。このサーバー側で実行できることは承知していますが、私の立場では.

それはjsのローカル側でなければなりません...私は現在SCSSでコーディングしています。これは、ファイルを挿入する/ウィンドウ幅でファイルを表示する場合にすぎません。

if ステートメントを追加する必要があると思いますが、どんな助けも大いに提供されます!

-ニール

PS CodeKitとSCSSを使用して、新しいiMacでローカルで実行しています。

4

2 に答える 2

3

yep: '/css/smartdevice.css','/js/smartdevice.js',違法JSです。これを配列にしたい場合は、 を使用しますyep: ['/css/smartdevice.css','/js/smartdevice.js'],。JavaScript オブジェクト内にコンマが表示される場合は常に、改行があるふりをしてください。ここで何が問題なのかがわかります。

Modernizr.load([
{
    test: Modernizr.mq('all and (max-width: 1070px)'), // prop:val(=function)
    yep: '/css/smartdevice.css',                       // prop:val(=string)
    '/js/smartdevice.js',                              // ???
}
,...
于 2013-04-29T14:50:51.973 に答える