首頁猿問如何將FancyBox綁定到動態(tài)添...

如何將FancyBox綁定到動態(tài)添加元素？

JavaScript JQuery

開滿天機(jī) 2019-06-26 17:34:03

如何將FancyBox綁定到動態(tài)添加元素？我使用jQueryFancyBox 1.3.4作為POP表單。但是我發(fā)現(xiàn)FancyBox不能綁定到元素動態(tài)添加。例如，當(dāng)我向當(dāng)前文檔添加html元素時。如下所示：首先，我將一個元素添加到body中，使用jQuery， $(document.body).append("<a href="home/index" class="fancybox"/>");我打電話給FancyBox $(".ajaxFancyBox").fancybox({padding: 0});但是FancyBox不適用于動態(tài)添加元素。我不能從這個元素打電話給FancyBox？

查看完整描述

3 回答

catspeake

TA貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個贊

如果指定了錯誤的類名，請嘗試如下：

$(".fancybox").fancybox({padding: 0});

反對回復(fù) 2019-06-26

翻翻過去那場雪

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個贊

你可以試試這樣的方法-也許：

 $(document.body).append("<a href='home/index' class='fancybox' onclick='showFancybox()'/>");

然后創(chuàng)建一個函數(shù)來創(chuàng)建和顯示FancyBox：

function showFancybox(){
    $.fancybox(
            '<h2>Hi!</h2><p>Content of popup</p>',
            {
                    'autoDimensions'    : false,
                'width'             : 350,
                'height'            : 'auto',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            }
        );}

反對回復(fù) 2019-06-26