我无法在花式框中运行没有右键单击按钮

Question

我无法使用另一个脚本特别是没有右键单击按钮来运行花哨的盒子助手，即让fancybox显示no。图像。脚本像这样运行..

    <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>

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

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
                }

            }
        });

    });