要求JS仍然沒有按順序加載填充內容

Question

我可能在這裏做了明顯錯誤的代碼，這是我的代碼，我不斷收到一個錯誤，說_Packery是undefined，我認爲這是因爲它在jQuery之前加載。

我看過文檔，但我看不出爲什麼它不能正常工作。

require.config({ 
    urlArgs: "ts="+new Date().getTime(), // disable caching - remove in production 
    paths: { 
     jquery: [ 
      "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min", 
      "libs/jquery-191" 
     ], 
     packery: [ 
      "plugins/packery" 
     ] 
    }, 
    shim: { 
     'packery': ['jquery'] 
    } 
}); 


require(['jquery', 'packery'], function($) { 

    var container = $('#container'); 
    container.packery({ 
     itemSelector: '.item', 
     gutter: 10 
    }); 

}); 

任何幫助，讓我明白我做錯了，將不勝感激。

感謝

Answer 1

我覺得你應該這樣定義一個墊片：

shim: { 
     'packery': { 
      deps: ['jquery'], 
     }, ... 

然後嘗試導出packery是這樣的...

require(['jquery', 'packery'], function($, packery) { 

    var container = $('#container'); 
    container.packery({ 
     itemSelector: '.item', 
     gutter: 10 
    }); 

}); 

從官方文檔：jQuery是不需要使用Packery。但是，如果你喜歡jQuery，Packery可以作爲jQuery插件使用。

Answer 2

Packery目前不支持AMD/Require JS。見https://github.com/metafizzy/packery/issues/20然而，這個問題正在開發中，將來會得到解決。