jquery - 如何/在哪里定义 fancybox 默认值？

Question

假设这是我的 fancybox 配置:

   $(".fancybox").fancybox({
      'transitionIn':'fade',
      'transitionOut':'fade',
      'speedIn':150,
      'speedOut':150,
      'changeSpeed':150,
      'changeFade':150,
      'overlayOpacity':0.1,
      'overlayColor':'#000000',
      'padding':0,
      'margin':20,
      'titleShow':false,
      'centerOnScroll':true
   });

但是，我想做的是以某种方式将配置定义为 fancybox 默认值，这样当我绑定(bind)一个元素时，我只能这样做:

$(".newElement").fancybox();

它会自动拥有我的配置。

Answer 1

Fancybox 有一组内部默认值，可以轻松覆盖。

对于 Fancybox 1.3，请使用:

jQuery.extend(jQuery.fn.fancybox.defaults, {
  hideOnOverlayClick: false,  //
  overlayOpacity: 0.75,       // <-- just an example
  overlayColor: '#222'        //
});

对于 Fancybox 2.0，“.fn”被删除:

jQuery.extend(jQuery.fancybox.defaults, {
  type: 'ajax'  // <-- for example
});

当然，需要首先加载 Fancybox javascript 文件。