Question

您好我正在尝试在单击链接时在模式/灯箱类型窗口中显示一些文本内容。我选择了slimbox2，因为它很轻巧，但它似乎只是用于显示图像和图像画廊。

当点击链接时，有没有让它显示Div？或者任何人都可以推荐一个可以满足我需求的插件吗？

全部谢谢

这是我的代码：

var sidetwos = $('div.side2');
var fliplinks = $('a.flip');

fliplinks.each(function(index, object) {
        $(this).click(function() {
            $(sidetwos[index]).fancybox();
        });
    });

Answer 1

没有其他人可能会选择这个，所以我会发布我的解决方案......

我决定使用FancyBox jQuery插件（正如我在评论中提到的那样），这让事情变得更容易了！

我有一系列“名片”类型的DIV显示徽标和一些联系方式以及链接以获取更多信息。该链接附加到fancybox js调用，信息DIV使用rel=图库引用进行分组，以允许在它们之间导航而无需打开和关闭每个模式框的模式框！

HTML：

<a href="#offerDescription-$id" class="flip" rel="offer-description">Show Details &raquo;</a>

<div id="offerDescription-$id" class="lightbox">
    <img class="offerlogo" src="http://www.everyone-benefits.co.uk/images/logos/$logo.jpg" />
    <h2>$Title</h2>
    <p class="description">$Text</p>
</div>

使用Javascript：

$(function() { // jQuery 'domready' shorthand
    $('a.flip[rel=offer-description]').fancybox();
});

没有意义的光顾：

请注意，HTML部分中使用的$符号仅表示信息来自PHP，并不代表实际的PHP代码！

是否可以使用jQuery slimbox2来显示带文本而不是图像的div？

1 个答案: