jquery在页面加载时显示精美框

Question

我想在页面加载时启动Fancybox。我可以将它绑定到一个隐藏的锚标签，然后通过JavaScript触发该锚标记的click事件。仅在某些条件下打开它才是真的。我怎么做trhat？

Answer 1

准备好文件。您可以检查您的条件，然后调用

var yourConditionVariableVal =false;
$(function(){
  if(yourConditionVariableVal)
  {
     $("#yourImage").fancybox();
  }
});

上面的代码会将花式框绑定到id为yourImage的元素。

如果要在页面加载事件上显示fancybox，可以触发它。

var yourConditionVariableVal =false;
$(function(){
  if(yourConditionVariableVal)
  {
     $("#yourImage").fancybox();
     $("#yourImage").trigger("click");
  }
});

Answer 2

$(function() {
    if(condition) {
        $.fancybox({
            // fancybox options
        });
    }
});