使滑块旋转中的形状不可点击

Question

我的幻灯片右侧有一个形状，其中显示了 post 的标题和摘录。特色图片显示在幻灯片的其余部分。

我不想让这个形状可以点击。我的尝试是这样的：

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');
});

但我仍然可以点击幻灯片的那部分。我还尝试以相同的方式使向左或向右的箭头不可点击。显示箭头，单击就像单击幻灯片的其余部分一样。所以箭头按钮是不可点击的，但我点击了下面的幻灯片。

如何使形状不可点击？还有其他方法可以使幻灯片的某些部分不可点击吗？

Answer 1

好的，经过多次尝试，我找到了解决方案。问题中的代码已经正确。在 Link & SEO at Link Sensibility 我不得不检查 back

之后就成功了。图像仍然可以点击，但形状不能。

使滑块旋转中的形状不可点击

make shape in slider revolution unclickable

javascript

css

wordpress

revolution-slider