Fancyapps叠加没有显示

时间:2016-07-01 08:18:11

标签: javascript fancybox overlay fancybox-2

我们在页面加载后动态加载fancybox css文件,并尝试打开带有覆盖活动和自定义html内容的fancybox。

有时叠加不会出现。如果我们尝试延迟打开fancybox,没有叠加的可能性会下降,但它并没有完全消失。

我已经为此问题创建了一个问题:https://github.com/fancyapps/fancyBox/issues/1126

我们如何初始化fancybox:

var fancyboxParams = {
  minHeight: 10,
  width: params.width || 'auto',
  height: params.height || 'auto',
  autoSize: false,
  autoWidth: params.width ? false : true,
  autoHeight: params.height ? false : true,
  autoHide: params.autoHide,
  topRatio: params.topRatio || topRatio,
  leftRatio: params.leftRatio || leftRatio,
  title: title,
  helpers: {
    title: (title && params.windowStyle !== 'seamless') ? {
      type: 'inside',
      position: 'top'
    } : null,
    overlay: (params.overlay != "false") ? {} : null
  },
  content: notificationBody,
  fixed: false, // HADDITION - scroll with the page 16.10.2015
  wrapCSS: (params.cssClass || "") + " " + "fancybox-" + (params.windowStyle || "seamless"),
  beforeShow: function () {
    cssCode && $('<style />').html(params.cssCode).prependTo(this.outer);
    try {
      javascriptCode && eval(javascriptCode);
      beforeShow.call(this); // change context
    }
    catch (err) {
      $.fancybox.close(true);
    }
  },
  afterClose: function () {
    $(".fancybox-segmentify").remove();
  }
};

if (params.isModal == 'true') {
  fancyboxParams.closeBtn = false;
  fancyboxParams.closeClick = false;
  fancyboxParams.keys = null;
  if (fancyboxParams.helpers.overlay) {
    fancyboxParams.helpers.overlay.closeClick = false;
  }
}

$.fancybox(fancyboxParams);

0 个答案:

没有答案