Chocolat.JS - 将标题转换为下载按钮 - 将span类内容移动到href

时间:2016-04-14 14:31:20

标签: javascript jquery lightbox

我在一个简单的图库网站中使用chocolat.js。我想建立一个标题标签下载按钮。在创建网格等时,我正在使用php将图像路径写入标题标记。
看了扔javascript代码,我想我找到了负责显示标题的部分。

this.elems.description = $('',{                 'class':'chocolat-description'             })appendTo(this.elems.bottom);

将span更改为锚标记并添加href有效,但我在javascript中不够好,无法将span标记的内容放入href ...我尝试找到类似的线程,但无法找到一些有用的东西。
获得一些帮助来完成这个真的很棒:)

2 个答案:

答案 0 :(得分:0)

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>QIndex</title>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js" ></script> 
    <script type="text/javascript">
        $(document).ready(function () {
            var title = $("#replaceDomElems").html();
            $("#outerDiv").html("<a href='#' >" + title + "</a>");
        });
    </script>
</head>
<body>
    <div id="outerDiv">
        <span id="replaceDomElems">Title..</span>
    </div>
</body>
</html>

答案 1 :(得分:0)

我终于设法通过添加新属性来完成这项工作。您可以在这里查看代码: https://www.dropbox.com/s/zid7t1dwjh0pinm/jquery.chocolat.js?dl=0