使用Featherlight.js禁用右键单击

Question

我在我的设计中使用了Featherlight version 1.5.0。我可以用下面这段JavaScript禁用右击缩略图：

<script type="text/javascript">
  $('img').bind('contextmenu', function(e) {
    return false;
  }); 
</script>

但这不适用于链接图像，当单击缩略图时会弹出链接图像。是否可以在链接图像上禁用右键单击？

Answer 1

​

$('img').bind('contextmenu', function(e) {
    return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h3>Gallery</h3>
<div data-featherlight-gallery data-featherlight-filter="a">
  <a href="http://farm8.staticflickr.com/7070/6874560581_dc2b407cc0_b.jpg"><img src="http://farm8.staticflickr.com/7070/6874560581_dc2b407cc0_q.jpg" /></a>
  <a href="http://farm5.staticflickr.com/4005/4400559493_3403152632_o.jpg"><img src="http://farm5.staticflickr.com/4005/4400559493_f652202d1b_q.jpg" /></a>
  <a href="http://farm1.staticflickr.com/174/396673914_be9d1312b1_o.jpg"><img src="http://farm1.staticflickr.com/174/396673914_be9d1312b1_q.jpg" /></a>
</div>

​

你能检查一下上面的代码片段吗？它在你的代码中工作得很好。