Question

我有一个小问题，我不知道如何让这个工作......

我在图像下方用单选按钮显示3张图像。如果有人点击单选按钮上方的小图片，则灯箱会打开整个图像。

如果有人点击图片，我想打开灯箱并检查小图片下的单选按钮。

我正在使用这个javascript代码（+ prettyphoto脚本）。

<script type="text/javascript">jQuery(function($){
$('.parentdiv').click(function() {
  $(this).find('input').prop('checked', true)    
});
});</script>

和这个HTML代码：

<div class="parentdiv">
    <a data-rel="prettyPhoto[5150]" rel="prettyPhoto[5150]" title=" Option 1" href="xxx1.jpg">

        <img alt=" Option 1" title=" Option 1" src="xxx1.jpg" />
    </a>
    <input id="image-1" type="radio" checked="checked" value="2394" name="image[5150]" />
</div>
<div class="parentdiv">
    <a data-rel="prettyPhoto[5150]" rel="prettyPhoto[5150]" title=" Option 2" href="xxx2.jpg">
        <img alt="Option 2" title="Option 2" src="xxx2.jpg" />
    </a>
    <input id="image-2" type="radio" value="2400" name="image[5150]" />
</div>
<div class="parentdiv">
    <a data-rel="prettyPhoto[5150]" rel="prettyPhoto[5150]" title=" Option 3" href="xxx3.jpg">
        <img alt="Option 3" title="Option 3" src="xxx3.jpg" />
    </a>
    <input id="image-3" type="radio" value="2405" name="image[5150]" />
</div>

但它不起作用。只有灯箱触发。如果单击图像下方的单选按钮旁边，则会选中单选按钮。所以它在某种程度上起作用，但如果我点击图像链接就不行......

希望有人可以帮助我。

最好的

Answer 1

当然不是，因为prettyphoto会阻止默认处理程序运行，否则浏览器会自行打开图像。

您可能会尝试将其他事件处理程序附加到链接本身。

像

$('a[rel]').click(function() {
  $(this).parent().find('input').prop('checked', true)    
});

检查div上的单选按钮单击+ prettyPhoto

1 个答案: