【发布时间】:2016-02-28 20:50:48
【问题描述】:
我的幻灯片右侧有一个形状,显示帖子的标题和摘录。特色图片显示在幻灯片的其余部分。
我不希望这个形状是可点击的。 我的尝试是这样的:
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');
});
但我仍然可以点击幻灯片的那一部分。我还尝试以相同的方式使向左或向右的箭头不可点击。箭头显示出来,点击就像点击幻灯片的其余部分一样。所以箭头按钮是不可点击的,但我点击了下面的幻灯片。
如何使形状无法点击?还有其他方法可以使部分幻灯片无法点击吗?
【问题讨论】:
-
带指针事件:无;点击发生在整洁的内容上。所以如果它是一个可点击的区域,它会触发一些东西。愿你抓住点击事件并杀死它
标签: javascript css wordpress revolution-slider