javascript - 设置灯箱中数据标题的格式

标签 javascript jquery jquery-plugins lightbox

如何格式化数据标题 我计划为单个图像显示三个不同的名称 单击后,立方体灯箱打开,标题带有 div 标签 但我想在灯箱上一一展示

没有灯箱也能正常工作

$data = '';
$('[data-caption]').each(function(){
    $data += '<div>' + $(this).data('caption') + '</div>';
});
$('body').append('<div id="more-info">' + $data + '</div>');

http://jsfiddle.net/ZrpLT/52/

 <body>
            <div class="row">
                <div class="span10">
                    <div class="melonhtml5_gallery">
                        <div data-caption="<div>Paul Scholes</div> <div>Wayne Rooney</div> <div>Sir Alex Ferguson</div>" data-image="http://www.defie.co/designerImages/thumbnails/inventory.png"></div>

                </div>
            </div>
    </body>

最佳答案

http://jsfiddle.net/ZrpLT/63/

当标题专门附加在 onClick 中时,这需要更新 Gallery 类以使用 .html 而不是 .text 功能上线:

var m = $("<div>").addClass("caption").html(g ? g : ""),

只要您能够做到这一点,您就可以让它为您服务。

关于javascript - 设置灯箱中数据标题的格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14491286/

相关文章:

Javascript 使用本地存储,回调对象并使用 Json 更改为字符串以在填充函数中使用

javascript - 使用 JQuery 控制 CSS Float

javascript - 如何使用 JavaScript 用一个 if 检查数组中的多个元素?

javascript - 具有多层图像的产品图像缩放

jquery-plugins - 使用 jQuery 和 Pixastic 去饱和效果

jquery-ui - 在 dataTables 插件中单击列而不是行

javascript - 如何在另一个下拉列表上创建 onchange 下拉菜单

php - 根据 activeCheckBox、Yii 框架的值变化更新数据库

javascript - 如何在不使用 new ActiveXObject() 的情况下测试 ActiveX 控件?

javascript - 如何聚合 JSON 以显示每个相同值的计数