Question

我知道之前已经问过这个问题并且我已经阅读了其他问题/答案，但我仍然无法使用fancybox选项。也许我只是错过了一些明显的东西。

这是针对电子商务网站的，如果库存中剩余的商品数量为0，我会尝试在页面加载时自动弹出“商品缺货”框。

以下是我的模板引擎（服务器端）生成的HTML，如果该产品的库存商品数量为0：

<a id="soldout_popup" title="Item is out of stock" href="/img/soldout.png"></a>

fancybox（）调用在$（document）.ready（）。

中

我尝试了几种不同的方法。该框工作正常，但它使用默认选项。更改fancybox（）调用中的选项对行为完全没有影响。标题显示在框外（不在指定范围内），渐变大约是半秒（不是指定的5秒）。

其他问题中问题的原因似乎是有多个fancybox（）调用，我避免这样做。

失败1：

$(document).ready(function() {
   $('#soldout_popup').fancybox({
      'hideOnContentClick': true,
      'transitionIn': 'fade',
      'transitionOut': 'fade',
      'titlePosition': 'inside',
      'speedIn':5000,
      'speedOut':5000
   });
$('#soldout_popup').trigger('click');
});

失败2：

$(document).ready(function() {
   $('#soldout_popup').fancybox({
      'hideOnContentClick': true,
      'transitionIn': 'fade',
      'transitionOut': 'fade',
      'titlePosition': 'inside',
      'speedIn':5000,
      'speedOut':5000
   }).trigger('click');
});

我尝试了一些其他的事情，例如将选择器更改为'a＃soldout_popup'，我希望不会产生影响（并且没有），所以我没有显示它们。

任何人都知道出了什么问题？

Answer 1

你有什么版本的fancybox？

关于失败＃1。触发器应该在document.ready回调中，因为它现在会触发点击事件，然后才会记录文件。已经＃39;。

Jquery fancybox忽略了选项

1 个答案: