所以,我有一個名爲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中的某個選項。
你能否提供一個[最小示例](http://stackoverflow.com/help/mcve)? – justinw
我會嘗試重寫這個問題,使其更容易理解。 – Rafael
我沒有改寫它,但我添加了一個例子。 – Rafael