fancybox - 我无法在花哨的框中运行无右键单击按钮

Question

我无法使用另一个脚本运行花式框助手，特别是没有右键单击按钮，即让花式框显示否。图像。脚本像这样运行..

    <script type="text/javascript">
        $(document).ready(function() {
    $('.fancybox').fancybox({
      prevEffect : 'fade',
      nextEffect : 'fade',
      afterLoad : function() {
       this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length +          (this.title ? ' - ' + this.title : '');
      },
      helpers: {
       title: {
        type: 'inside'
       },
       thumbs: {
        width   : 50,
        height  : 50
          }
      }
     });
    });
    $(".fancybox")
        .attr('rel', 'images')
        .fancybox({
        beforeShow: function () {
            /* Disable right click */
            $.fancybox.wrap.bind("contextmenu", function (e) {
                    return false; 
            });
        }
    });    
</script>

当我运行这个脚本时，只有没有。图像显示并且没有右键单击不起作用。请指教。

Answer 1

如果我将代码放在 Ready 函数中，我发现禁用右键单击是有效的

   $(document).ready(function () {
      $('.fancybox-thumbs').fancybox({
            prevEffect: 'none',
            nextEffect: 'none',

            closeBtn: true,
            arrows: false,
            nextClick: true,

            padding: 10,

            beforeShow: function () {
                 /* Disable right click */
                 $.fancybox.wrap.bind("contextmenu", function (e) {
                 return false;
                 });
                },

                afterLoad: function () {
                  var alt = this.element.find('img').attr('alt');

                  this.inner.find('img').attr('alt', alt);

                  this.title = alt;
                },

            helpers: {
                title: {
                    type: 'inside'
                },
                thumbs: {
                    width: 50,
                    height: 50
                }

            }
        });

    });