使用 ID 而不是类调用 FancyBox答案

【问题标题】：Call FancyBox with ID instead of class使用 ID 而不是类调用 FancyBox
【发布时间】：2013-03-26 18:30:36
【问题描述】：

我有一个应用到它的类的链接，使它看起来像一个按钮 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（慢慢地）并拥有可视化的快速入门指南，但我显然才刚刚开始。非常感谢任何帮助。

【问题讨论】：

标签： jquery fancybox fancybox-2

【解决方案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>

【讨论】：