Question

我正在使用jquery水车插件，我试图让中心图像（仅）在点击时弹出叠加层。我可以在任何元素点击时显示叠加层，但不仅仅是中心图像。

这是我的代码：

 <script type="text/javascript">
    $(document).ready(function() {
       $("#carousel").waterwheelCarousel({

            clickedCenter: function($clickedItem) {

            $('img[rel]').overlay({

            mask: {
            color: '#000',
            loadSpeed: 200,
            opacity: 0.9
            }    
            });
            }
        });
     });

</script>

有人能在这里发现任何明显错误吗？

提前致谢。

Answer 1

您正在使用相当通用的jQuery选择器：

$('img[rel]')

可能你的所有图片都有＆＃34; rel＆＃34;属性以及为什么模式在任何图像上单击打开的原因。要选择特定图像来触发模态，您需要一个特定的选择器，例如 - id：

<div rel="carousel">
<div rel="carousel" id="center">
<div rel="carousel">

然后将当前选择器更改为：

$('img#center')

Jquery水车转盘与覆盖触发器在中心图像

1 个答案: