0

ボタン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>

これが私のファンシーボックススクリプトです...

$(".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>間違った形式で要素に2 つのクラスを設定しようとしています

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

次のように、同じclass属性内に 2 つのクラスを設定します (それぞれの新しいクラス名をスペースで区切ります)。

<a href="mypage.html" class="callback blue-button" data-fancybox-type="iframe" >Request Call back</a>
于 2013-03-26T20:36:28.087 に答える