0

カラーボックスを使用していくつかの画像を表示しています。画像を呼び出すために使用するコードは次のとおりです。

jQuery(".ImgPop").colorbox({
    opacity: 0.4,
    rel: 'ImgPop',
    iframe: false,
    width: '770px',
    height: '680px',
    scalePhotos: true,
    current: false
});

これは正常に機能し、画像をナビゲートできる画像がポップアップ表示されます。

私の問題は、上記のコードを呼び出す元のページにあります。コードを使用して画像を右クリックできないようにするスクリプトがあります。

$(document).ready(function(){
    jQuery("img").bind("contextmenu",function(e){
        alert('Images are Copyright of this site.');
            return false;
    });
});

このコードは、カラーボックスを除く私のサイトのすべてで機能します。このスクリプトをカラーボックスに渡す方法はありますか、それとも何か間違っていますか?

4

2 に答える 2

0

これを試してください： 

$(document).bind("contextmenu",function(e){
      e.preventDefault()
});

またはこれで行きます：

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

または

$(document).on('mousedown', 'img', function(e){
    if(e.which === 3){
        $(this).on('contextmenu', function(e){
            e.preventDefault();
        });
    };
});
于 2013-09-13T11:35:29.943 に答える