slimScroll.js和JQuery可拖動

看看圖片。我創建了3個列表。左側列表中的項目是可拖動的（jquery-ui v1.8.20）。您可以拖動左側列表中的圖片並將其放在中間的列表中。這些列表可以包含很多圖片，所以我決定使用slimScroll.js（v0.5）添加一個滾動條來滾動這些列表。當我從左側的列表中拖動一個項目時，該項目在中間列表後面消失。這與slimScroll插件的實現有關。slimScroll.js和JQuery可拖動

你們有沒有類似的問題與slimScroll一起jQuery可拖動？你怎麼修好它的？

enter image description here

來源

2012-09-06 OKB

我找到了解決我的問題

我添加了其他的div組成頁面外的<div id="documentPageDraggableHelper" class="gallery ui-helper-reset"></div>：

<div id="mainCategorizerContainer"> 
    <div id="documentPageRecords" class="documentPagesRecordsArea ui-widget-header"> 
     <span></span> 
    </div>  
    <div id="uncategorizedArea" class="uncategorized-area" > 
     <div class="uncategorized-document-pages-list-area"> 
      <div id="scroll-content-uncategorizedPagesList" > 
       <ul id="uncategorizedPagesList" class="gallery ui-helper-reset ui-widget ui-helper-clearfix uncategorizedPages">      
       </ul> 
      </div> 
     </div> 
    </div> 
    <div id="categorizedArea" class="categorized-area"> 
     <div class="document-category-list-area"> 
      <div id="scroll-content-documentCategoryList" > 
       <ul id="documentCategoryList" class="ui-helper-reset">          
       </ul> 
      </div> 
     </div> 
     <div class="categorized-document-pages-list-area"> 
     <div id="scroll-content-categorizedDocumentPagesList"> 
      <ul id="categorizedDocumentPagesList" class="ui-helper-reset" >      
      </ul> 
     </div> 
     </div> 
    </div>  
    <div id="splitDocumentDialog"><span id="splitDocumentDialogContent"></span></div> 
    <div id="documentPageDraggableHelper" class="gallery ui-helper-reset"></div> 
</div>

在左手可拖動列表我添加了像這樣的appendTo選項

uncategorizedPagesListDraggableOptions = { 
      cancel: "a.ui-icon", 
      revert: "invalid", 
      containment: "document", 
      helper: "clone", 
      cursor: "move", 
      appendTo: '#documentPageDraggableHelper' 
     }

來源

2012-09-07 12:12:31 OKB

個

uncategorizedPagesListDraggableOptions = { 取消：「a.ui圖標」，復歸：「無效」，遏制：「文件」，助手：「克隆」，光標：「移動」， appendTo：「#documentPageDraggableHelper 「 }

‘的助手：‘克隆’’和‘appendTo：‘身體’’這些屬性克隆拖動元素和追加到身體的自由拖動到頁面上

來源

2015-07-03 06:46:34 Mahesh

slimScroll.js和JQuery可拖動

回答

相關問題