可拖動的事件與貓頭鷹旋轉木馬和Jquery UI

我有一些與Jquery UI混合的貓頭鷹旋轉木馬的問題。可拖動的事件與貓頭鷹旋轉木馬和Jquery UI

傳送帶用於顯示與各種內容幻燈片（HTML表格和圖像上載。）

一個幻燈片的含有載，其動態地上傳用戶的圖像，並顯示該圖像的縮略圖。

其中一個問題是，此內容是動態的，上傳後，幻燈片不會更改高度，因此用戶無法看到此縮略圖。

但我使用這樣做：

setInterval(function(){ 
       $(".owl-carousel").each(function(){ 
        $(this).data('owlCarousel').updateVars(); 
       }); 
      },3000)

所以每3秒腳本更新的高度。

但現在，我仍然有問題：用戶可以選擇拖動此縮略圖，以便他可以更改圖像的順序，以顯示在圖庫上。我用於此目的JQuery UI和可拖動的效果。

但是這不會起作用，因爲貓頭鷹旋轉木馬不允許拖動項目。我的代碼是很簡單的，我有貓頭鷹旋轉木馬一般功能：

$(document).ready(function() { 
    $(".owl-carousel").owlCarousel({ 
     navigation: true, // Show next and prev buttons 
     slideSpeed: 300, 
     paginationSpeed: 400, 
     singleItem: true, 
     autoHeight:true, 

});

而對於李EMENT，內部幻燈片（持有縮略圖）：

$("li").draggable({ 
});

現在，上面的代碼會允許任意拖動<li>元素，在貓頭鷹傳送帶之外，但不是我的縮略圖。

的HTML代碼很簡單，只是這個問題的需要：

<div class="owl-carousel"> 

<div class="item"> 
    <p>text</p> 
</div> 

<div class="item"> 
    <p>text</p> 
</div> 

<div class="item thumbs"> 
<ul> 
    <li>here i have thumbnail</li> 
</ul>

我需要注意，它可以幫助我，如果我可以禁用貓頭鷹旋轉木馬刷卡效果，並且只允許通過使用導航（附件）更改幻燈片 - 它也可能不錯，因爲縮略圖拖動是最重要的。綠色按鈕和圖像dragga ble）

感謝您的建議。

來源

2016-01-27 user3573535

你可以設置mouseDrag：false。以貓頭鷹旋轉木馬。它將禁用自我拖拽並啓用本機。

來源

2017-07-13 15:05:08 lulu

可拖動的事件與貓頭鷹旋轉木馬和Jquery UI

回答

相關問題