0

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

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

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

我的问题是 FancyBox 告诉我使用的实际代码还有一个类，所以我最终将 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（慢慢地）并拥有可视化的快速入门指南，但我显然才刚刚开始。非常感谢任何帮助。

4

1 回答 1

0

您正在尝试为您的<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>
于 2013-03-26T20:36:28.087 回答