【问题标题】:Why can't I make a jQuery pop up when page loads :( [duplicate]为什么我不能在页面加载时弹出一个 jQuery :( [重复]
【发布时间】:2011-07-22 14:11:46
【问题描述】:

可能重复:
Open up first Fancybox picture automatically

我找不到在页面加载时弹出 jQuery FancyBox 的方法。

$(document).ready(function() {
 $("#popmessage").fancybox({ 
            'titleShow'     : false,
            'transitionIn'      : 'fade',
            'transitionOut'     : 'fade',
            'overlayColor'      : '#000',
            'overlayOpacity'    : 0.2
        });
});

【问题讨论】:

    标签: javascript jquery fancybox


    【解决方案1】:

    您可以模拟对 DOM 的点击:

    $("#popmessage").click();
    

    在 jquery 风格中,你甚至可以这样做:

    $(document).ready(function() {
        $("#popmessage").fancybox({ 
                'titleShow'     : false,
                'transitionIn'      : 'fade',
                'transitionOut'     : 'fade',
                'overlayColor'      : '#000',
                'overlayOpacity'    : 0.2
        })
        .click();
    });
    

    【讨论】:

      【解决方案2】:
      $(window).load(function(){
      
      
              $("#popmessage").fancybox({ 
                          'titleShow'     : false,
                          'transitionIn'      : 'fade',
                          'transitionOut'     : 'fade',
                          'overlayColor'      : '#000',
                          'overlayOpacity'    : 0.2
               })
               $("#popmessage").click();
              })
      }
      

      【讨论】:

      • 他说他需要在页面加载时显示它(加载与就绪)4loc.wordpress.com/2009/04/28/documentready-vs-windowload
      • 你是对的——虽然我并不相信她是这个意思。
      • 也许你是对的,但这就是我理解她想要的。感谢您的理解和撤消您的反对票。
      【解决方案3】:

      您的输入太少了,很难给出正确的答案。也许您可以将代码发布在 jsFiddle.net 或类似的网站上?

      尝试将问题分解为更小的部分。 js 调试器也可以帮助诊断实际问题。

      1. fancybox javascript 加载了吗?
      2. jQuery javascript 加载了吗?
      3. 您甚至可以在准备好文档时使用alert(); 吗?

      ...

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2021-04-10
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-03-03
        • 2021-01-15
        相关资源
        最近更新 更多