2016-02-28 85 views
2

我的幻灯片在右侧显示帖子的标题和摘要。精选图像显示在幻灯片的其余部分。使滑块革命中的形状不可点击

我不希望这个形状是可点击的。 我的尝试是这样的:

var left; 
var right; 
var totalSlides; 
var shape; 

revapi4.bind('revolution.slide.onloaded', function() { 

    totalSlides = revapi4.revmaxslide(); 
    left = jQuery('.tp-leftarrow'); 
    right = jQuery('.tp-rightarrow'); 
    shape = jQuery('.tp-shape'); 

    //make the shape unclickable 
    shape.css('pointer-events', 'none'); 
    shape.css('cursor', 'default'); 
}); 

但我仍然可以点击幻灯片的一部分。我也尝试以同样的方式使箭头左右不可点击。显示的箭头和点击就像点击幻灯片的其余部分。所以箭头按钮是无法点击的,但是我点击了下面的幻灯片。

我该如何使形状不可点击?有没有其他方法可以使幻灯片的某些部分不可点击?

+1

with pointer-events:none;点击发生什么在neath。所以如果它是一个可点击的区域,它会触发一些东西。可能你应该捕获点击事件并杀死它 –

回答

1

好吧,经过多次尝试,我找到了解决方案。 问题中的代码已经正确。在链接感性链接& SEO我不得不检查

它的工作之后。图片仍然是可点击的,形状不是。

enter image description here