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

Question

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

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

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 Sensibility的Link & SEO中，我不得不回来查看

之后它起作用了。图像仍然是可点击的，形状不是。