在js调用上将类名传递给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需要一些特定的样式，而其余的框则不需要。

那么有没有办法将所需的类名传递给 fancybox on call？

Answer 1

事实证明，

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

所以它最终是这样的：

$('.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>'
      }
    });
  });