2015-11-03 106 views
-2

所以,我有一個名爲Owl-Carousel的滑動插件。如何使一個div在draggable div內不可拖動?

它會自動滑動,但您也可以通過拖動幻燈片來手動滑動它。

所以我需要在幻燈片中放置一些div;如果您從該div開始拖動,則無法拖動幻燈片。它將與其他的滾動,但它是一個可點擊的div,所以我不希望人們試圖點擊它,並滾動它沒有意義。

這裏有一個小例子:

<div class="owl-carousel"> 
    <figure> 
     <div class="foo">Content...</div> 
     <img src="blablabla.jpg"> 
    </figure> 
</div> 

所以,我想foo DIV,其餘滾動,我只是不希望能夠通過單擊並拖動滾動輪播,但我仍然希望能夠通過點擊其他任何地方並拖動來進行滾動。

是否有解決方法?

在CSS中有pointer-events: none,但div需要可點擊。

它可以是HTML,CSS,JavaScript(jQuery或「vanilla」),也可以是Owl-Carousel中的某個選項。

+0

你能否提供一個[最小示例](http://stackoverflow.com/help/mcve)? – justinw

+0

我會嘗試重寫這個問題,使其更容易理解。 – Rafael

+0

我沒有改寫它,但我添加了一個例子。 – Rafael

回答

相關問題