Question

我有一个应用于它的类的链接，使它看起来像一个按钮IE给它一些基本的样式，填充和背景颜色等

<a href="mypage.html" class="blue-button">Click me</a>

我现在决定使用FancyApps / fancybox（v2.1）来触发iframe中的弹出窗口。

我的问题是实际代码FancyBox告诉我使用 ALSO 有一个类，所以我最终将2个类应用于我的链接并打破我的按钮和Fancybox弹出窗口。 http://fancyapps.com/fancybox/

<a href="mypage.html" class="callback" class="blue-button" data-fancybox-type="iframe" >Request Call back</a>

这是我的fancybox脚本......

$(".callback").fancybox({
        maxWidth    : 510,
        maxHeight   : 510,
        fitToView   : true,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        'overlayColor'  : '#1C5093',
        'overlayOpacity': 0.9


    });

任何人都可以帮助我。如果可能的话，我想保留我自己的“蓝色按钮”类，然后用id来调用Fancybox。

顺便说一句，我正在学习jQuery（慢慢地）并且有可视化的快速入门指南，但我显然刚刚开始。非常感谢任何帮助。

Answer 1

您正尝试使用不正确的格式

为<a>元素设置两个类

<a href="mypage.html" class="callback" class="blue-button" data-fancybox-type="iframe" >Request Call back</a>

将两个类设置在相同的class属性中（按空格分隔每个新的类名），如：

<a href="mypage.html" class="callback blue-button" data-fancybox-type="iframe" >Request Call back</a>

使用ID而不是类调用FancyBox

1 个答案: