使用同位素v2與RequireJS

Question

第一個問題，所以請好！

我已經能夠得到同位素工作正常，但只要我嘗試使用RequireJS加載它旁邊的jQuery，我似乎無法得到它的工作。

這絕對是加載文件，因爲我可以在開發工具欄的頭部看到它們，所以路徑很好。我難倒什麼isotopePkg做，他甚至說，它是不確定的（???）

這是我的app.js樣子......

requirejs.config({ 
    paths: { 
     'jquery' : ['//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min', 
      'jquery-1.10.2.min'], 
     'isotope' : 'isotope.min' 
    }, 
    shim: { 
     'isotope' : ['jquery'] 
    } 
}); 

require(['jquery', 'isotope'], function(jQuery, Isotope) { 

    jQuery('#container').isotope({ 
     itemSelector: '.element' 
    }); 

}); 

沒有人有工作的例子是什麼這段代碼應該看起來像這樣，或者對我在哪裏出錯了有什麼想法？

Answer 1

我遇到了同樣的問題，在實況環境中需要同位素包請求其他模塊。請參閱下面的代碼並鏈接isotope documentation以獲取有關如何使用requirejs實現同位素的進一步說明。

我意識到答案已經晚了，但希望這可以幫助任何遇到此問題的人。

// require the require function 
requirejs([ 'require', 'jquery', 'path/to/isotope.pkgd.js' ], 
    function(require, $, Isotope) { 
    // require jquery-bridget, it's included in isotope.pkgd.js 
    require([ 'jquery-bridget/jquery.bridget' ], 
    function() { 
     // make Isotope a jQuery plugin 
     $.bridget('isotope', Isotope); 
     // now you can use $().isotope() 
     $('#container').isotope({...}); 
    } 
); 
});