web-dev-qa-db-ja.com

Fancyboxの「X」を閉じるボタンを非表示にする

私はこれを使用しています http://fancybox.net/

右上に閉じる「X」ボタンを表示しないようにプロパティを追加する方法はありますか? 「callbackOnShow」を使用してhide()で非表示にすることができますが、それでは十分な速度ではありません。レンダリングしてから非表示にするのではなく、レンダリングしないでください。

17
HP.

http://fancybox.net/api にあるドキュメントを見ると、トリックを実行するshowCloseButtonのオプションが引用されています。

サイトから:

showCloseButton-閉じるボタンを表示/非表示にするオプション

20

showCloseButtonが機能しなくなったようです。 fancyboxコードを調べた後、closeBtnをfalseに設定する必要があることがわかりました。

したがって、閉じるボタンを非表示にするには、オプションの下に行の下を追加する必要があります-

'closeBtn' : false

49
Yogesh Agarwal

Fancybox v3で完全に無効にしたい人のために、ここにあります:

smallBtn: false,
toolbar: false
1
Lucas Veiga

ファンシーボックス3では、「モーダル」を使用します。

        $.fancybox.open({
            ...
            opts: {
                modal: true,
            }
        });
1
user2368724

以下に追加できます... _.fancybox-close {display:none; }_

ただし、同じfancyboxがしばらくすると自動的に非表示になるポップアップである場合にのみ推奨されます($.fancybox.close();を使用)

0
Vijay Srinivas

'showCloseButton'属性でブール値を使用します。例えば

$('.editGnBtn').fancybox({
   'href': "#editGn",
   'showCloseButton':false
 });
0
vineet