6

何らかの理由で、onComplete関数を実行していないだけです。ただし、fancybox div はロードします。私のHTML：

<ul>
    <li class="orange">

           #1 <a href="#text">click here</a>

           <div id="text" class="text">text text text</div>

    </li>
</ul>

私のjquery：

 jQuery('li a').fancybox({       
    'autoDimensions':   'false',
    'width' :   631,
    'height':   256,        
    'onComplete':function(){

        alert('running');
        jQuery('.fancybox-skin').css('background-color',colour);
    }
});

アラートは実行されません。また、イベント関数をonClosed他のイベントに変更しようとしましたが、何もしませんでした。

4

5 に答える 5

18

使用しているfancyboxのバージョンを指定するのを忘れたと思います。

onCompletefancybox-skin クラスがバージョン2.xまで導入されていたときのfancyboxv1.3.xのコールバックオプションです.....バージョン2.xを使用していると思いますね。

Fancybox v2.xオプションは新しく、以前のバージョンとは互換性がありません。onComplete（v1.3.x）オプションに相当するものは、 afterLoad（v2.x）コールバックオプションになりました。

fancybox v2.xのオプション、メソッド、コールバックの完全なリストについては、http： //fancyapps.com/fancybox/#docsを確認してください。

于 2012-05-30T16:55:47.030 に答える
2

Fancybox バージョン 2 はサポートしていませんonComplete。を使用していますafterLoad。

jQuery('#tips li a').fancybox({       
    'autoDimensions':   'false',
    'width' :   631,
    'height':   256,        
    afterLoad:function(){

        alert('running');
        jQuery('.fancybox-skin').css('background-color',colour); // colour to 'red' for example. typo
    }

});
于 2012-11-15T16:09:40.740 に答える
0

タイプミスのようです

jQuery('#tips li a').fancybox({       
'autoDimensions':   'false',
'width' :   631,
'height':   256,        
'onComplete':function(){

    alert('running');
    jQuery('.fancybox-skin').css('background-color',colour); // colour to 'red' for example. typo
}
});

実施例

于 2012-05-30T12:24:46.093 に答える