Question

...对不起，但是我遇到了类似的问题而没有解决方案：

我使用此代码从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>

身体部位的链接如下：

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

但没有显示标题。：（

当我将以下行写入附加代码时，标题显示出来，但只是静态的，这没有任何帮助：

   title : 'just a static title',

有人可以帮助我吗？

Answer 1

由于您使用手动方法$('.fancybox').click()启动fancybox，因此未选择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
    },
    ...

无法在v2中显示fancybox标题

1 个答案: