2017-01-03 112 views
1

我在设计中使用Featherlight version 1.5.0。我可以在这个片段中的JavaScript禁用缩略图右键:禁用Featherlight.js右键单击

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

但是,这并不与链接图片,点击缩略图时会弹出工作。无论如何,可以在链接图像上禁用右键单击功能?

+3

你为什么要禁用右键单击?我怀疑它是用户友好..阅读[this](http://stackoverflow.com/questions/737022/how-do-i-disable-right-click-on-我的网页) – guradio

回答

0

$('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>

请您检查上面的代码?它的代码工作正常。

+0

已经把谷歌api jquery,但没有工作,无论如何,我找到了解决方案,谢谢 –