Question

所以我有这个fancybox，我打开这样：

$('.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？

Answer 1

事实证明，我需要添加的是 tpl 属性（在文档站点中将其解释为：包含各种模板的对象.. jezz ...）和 wrap < / strong> 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调用时将类名传递给fancybox

1 个答案: