在 js 调用中将 class 名称传递给 fancybox

Question

所以我有一个像这样打开的花式盒子：

$('.btn-test').on("click",function(){
    $.fancybox.open({
      'content': $('.modal_size-chart'),
      'minWidth': 380,
      'minHeight': 550,
      'width': 380,
      'height': 550,
      'maxWidth': 380,
      'maxHeight': 550,
      'autoScale': false,
      'autoDimensions': false,
      'fitToView': false,
    });
  });

我的问题是这样，如果我通过 css 更改框，任何更改都会传播到我可能打开的所有其他花式框，而这个 .modal_size-chart 需要一些特定的样式盒子没有。

那么有没有办法在调用时将所需的 class 名称传递给 fancybox？

Answer 1

原来我需要添加的只是 tpl 属性（在文档站点中解释为：包含各种模板的对象..jezz...）和wrap 属性在 tpl 中。

所以最后变成了这样：

$('.btn-test').on("click",function(){
    $.fancybox.open({
      'content': $('.modal_size-chart'),
      'minWidth': 380,
      'minHeight': 550,
      'width': 380,
      'height': 550,
      'maxWidth': 380,
      'maxHeight': 550,
      'autoScale': false,
      'autoDimensions': false,
      'fitToView': false,
      'tpl': {
        wrap:'<div class="fancybox-wrap CLASS I WANT TO ADD HERE" tabindex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>'
      }
    });
  });

在 js 调用中将 class 名称传递给 fancybox

Pass a class name to fancybox on js call

javascript

css

jquery

fancybox-2