polymer + jquery gridster

我正在嘗試使用jquery gridster創建一個聚合物組件。這是我的組件的基本外殼。polymer + jquery gridster

<link rel="import" href="../bower_components/polymer/polymer.html"> 

<dom-module id="grid-layout"> 
<style> 
    ul { 
    list-style-type: none; 
    } 
    li { 
    background-color: #FF0000 
    } 
</style> 
    <template> 
    <div class="gridster"> 
    <ul> 
     <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li> 
     <li data-row="2" data-col="1" data-sizex="1" data-sizey="1"></li> 
     <li data-row="3" data-col="1" data-sizex="1" data-sizey="1"></li> 
     <li data-row="1" data-col="2" data-sizex="2" data-sizey="1"></li> 
    </ul> 
    </div> 
    </template> 
    <script> 
    Polymer({ 
    is: 'grid-layout', 
    attached: function() { 
    this.async(function() { 

     $(".gridster ul").gridster({ 
     widget_margins: [10, 10], 
     widget_base_dimensions: [150, 150] 
     }); 

    }); 
    } 
    }); 
    </script> 
</dom-module>

，我試圖用它作爲

<body class="fullbleed layout vertical"> 
    <paper-drawer-panel force-narrow> 
     <div drawer> 
     <paper-menu> 
       <paper-item>Item 1</paper-item> 
       <paper-item>Item 2</paper-item> 
      </paper-menu> 
     </div>  
     <div main> 
     <paper-toolbar> 
      <iron-icon icon="menu" paper-drawer-toggle></iron-icon>   
     </paper-toolbar> 
     <grid-layout></grid-layout> 
     </div> 
    </paper-drawer-panel>  
</body>

我的問題是，抽屜面板下的jQuery WebComponent的，而不是在它的滑動。我在看jquery +聚合物嗎？