2013-08-22 154 views
0

我被要求在网站上禁用右键点击,我已经通知他们有很多方法,人们仍然可以通过Google Images,Cache,Firebug等下载图像等等,但是我的观点已经被忽略了,他们坚持认为这一定是必须完成的。NivoSlider - 禁用右键单击

任何,我已经在页脚中放置了一些代码,禁止右键点击所有使用​​的元素,这在NivoSlider上无法正常工作,我改变了脚本以使用窗口加载禁用右键单击工作,但在slide1之后它停止工作,我认为这是与DOM的变化有关。

JavaScript是迄今为止我的最薄弱的一点,我希望没有太多麻烦的人可以给我一个完整的工作解决方案或继续下去。提前致谢。

他们使用NivoSlider具有以下触发:

<script type="text/javascript"> 
    (function($) { 
     $(window).load(function() { 
      $('#slider').nivoSlider(); 
     }); 
    })(jQuery); 
</script> 

这是我已经放置在未能在滑件工作页脚代码+

<script> 
    $(window).load(function() { 
     $('img').bind('contextmenu', function(e) { 
      return false; 
     }); 
    }); 
</script> 

回答

1

您与DOM的变化是绝对正确的。您需要将事件委托给父元素。如果使用jQuery> 1.7

$('#slider').delegate('img', 'contextmenu', function(e) { 
    return false; 
}); 

或者这样:

尝试是这样的

$('#slider').on('contextmenu', 'img', function(e) { 
    return false; 
}); 
+0

优秀,最上面的一个立竿见影的工作没有任何进一步的编辑。非常感谢+1并接受。 –