0

...申し訳ありませんが、解決策のない同様の問題があります:

このコードを使用して、iframe 内から fancybox を開きます。ここに頭の部分：

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

私はこのコードでfancyBoxを添付します:

<!-- Attach fancyBox when the document is loaded.  -->
<script>
/* <![CDATA[ */
$(document).ready(function() {
$('.fancybox').click(function(e){
    e.preventDefault();
    parent.$.fancybox({
        href: this.href,
        width: 1280,
        height: 1000,
        padding: 10,
        type: 'iframe',
        scrolling : 'no',
        openEffect  : 'fade',
        closeEffect : 'elastic',
        helpers: {
            title : { position : 'bottom', type : 'float' },
            overlay: { css : { 'background' : 'rgba(0,0,0,0.8)' }
             }, // overlay
        } // helpers
    }); // fancybox
}); // click
}); // ready
/* ]]> */
</script>

body-part のリンクは次のとおりです。

    <a title='Sample title' class='fancybox' href='1_BIG.php'>
<img src="image.jpg" width="100" height="100">
</a>

しかし、タイトルは表示されません。:(

次の行をアタッチコードに書き込むと、タイトルが表示されますが、静的であり、これは何の役にも立ちません:

   title : 'just a static title',

誰か助けてくれませんか？

4

1 に答える 1

0

手動の方法を使用して fancybox を起動しているため$('.fancybox').click()、title属性が取得されないため、強制的に API オプションを追加する必要があります

title: this.title

JSFIDDLEを参照してください

注：タイトルtype: 'float'はデフォルトで、常にfancyboxの下部にあるため、配置しても効果はありません

helpers: {
    title: {
        // position: 'bottom', // <== useless if using "float"
        type: 'float' // this is default so you don't have to set it unless is different
    },
    ...
于 2013-10-15T22:34:10.437 に答える