Gridster沒有出現在jQuery變量下

Question

我使用Gridster來渲染我的應用程序中使用NodeBB作爲基礎的瓷磚佈局。

的代碼如下：

<script src="/jquery.js"></script> 
<script src="/gridster.js"></script> 

<script> 
$.noConflict(); 
jQuery(function() { 
    jQuery(".gridster ul").gridster({ 
     widget_margins: [10, 10], 
     widget_base_dimensions: [175, 175], 

     serialize_params: function(wi, wgd) { 
      console.log($(wi).attr('id')); 
      return { 
       id: $(wi).attr('id'), 
       col: wgd.col, 
       row: wgd.row, 
       size_x: wgd.size_x, 
       size_y: wgd.size_y 
      }; 
     }, 

     draggable: { 
      start: function() { 
       dragged = 1; 
      }, 
      stop: function() { 
       setTimeout(function() { 
        dragged = 0; 
       }, 5); 
      } 
     } 
    }); 
}); 
</script> 

正如你所看到的，我已經試過初始化Gridster在<script>標籤，但是當我運行它，我得到：

Uncaught TypeError: undefined is not a function 

時試圖訪問gridster（$('.gridster ul').gridster(\\ ..）。 jQuery很好，它只是Gridster。

爲什麼？

Answer 1

看起來你可能已經使用了源文件，而不是編譯好的版本的gridster。你從GitHub下載了嗎？使用dist/jquery.gridster.min.js，而不是src/jquery.gridster.js

以供將來參考，在src/版本是供Grunt在編譯時。