Question

jquery fancybox宽度异常。表示它等于页面的宽度。如果我将类名更改为'iframe'，则宽度可以正常工作，否则宽度将错过行为。

$(".iframe_reg2").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600,
        'speedOut'      :   200,
        'overlayShow'   :   false,
            'width'         :       400
    });

我的Html是

 <a class="iframe_reg2" href="http://google.com">Google</a>

Answer 1

如果您自己指定宽度，则需要将autoDimensions设置为false。理想情况下，呼叫应该是

$(".iframe_reg2").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600,
        'speedOut'      :   200,
        'overlayShow'   :   false,
        'autoDimensions':   false,
        'width'         :   400
    });

我认为这应该有效:)

Answer 2

您的锚标记没有href值，这是使插件工作的关键属性。（编辑：我现在看到“iframe”类的用途，但我更喜欢使用查询字符串）。告诉您对样本的意义有点难，但我的猜测是您试图抓住Google并将其放入fancybox（作为测试）。

您还应该从上一个属性中删除逗号，因为它会使某些浏览器绊倒。

我不明白为什么这不起作用：

$(".pageViewer").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600,
        'speedOut'      :   200,
        'overlayShow'   :   false
    });

使用HTML

<a class="pageViewer" href="http://google.com?iframe">Google</a>

jquery fancybox宽度问题

2 个答案: