Chocolat.JS - 将标题转换为下载按钮 - 将范围 class 内容移动到 href
Chocolat.JS - Transform title to Download Button - Moving span class content into href
我在一个简单的画廊网站中使用 chocolat.js。我很想用标题标签构建一个下载按钮。在创建网格等时,我将带有 php 的图像路径写入标题标签。
查找 javascript 代码我想我找到了负责显示标题的部分。
this.elems.description = $('', {
'class' : 'chocolat-description'
}).appendTo(this.elems.bottom);
将 span 更改为锚标记并添加 href 可行,但我在 javascript 中还不够好,无法将 span 标记的内容放入 href 中……我尝试找到类似的主题,但找不到有用的东西。
如果能得到一些帮助来完成这个真的很棒 :)
<!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>
我终于设法通过添加一个新属性来完成这项工作。您可以在此处查看代码:
https://www.dropbox.com/s/zid7t1dwjh0pinm/jquery.chocolat.js?dl=0
我在一个简单的画廊网站中使用 chocolat.js。我很想用标题标签构建一个下载按钮。在创建网格等时,我将带有 php 的图像路径写入标题标签。
查找 javascript 代码我想我找到了负责显示标题的部分。
this.elems.description = $('', {
'class' : 'chocolat-description'
}).appendTo(this.elems.bottom);
将 span 更改为锚标记并添加 href 可行,但我在 javascript 中还不够好,无法将 span 标记的内容放入 href 中……我尝试找到类似的主题,但找不到有用的东西。
如果能得到一些帮助来完成这个真的很棒 :)
<!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>
我终于设法通过添加一个新属性来完成这项工作。您可以在此处查看代码: https://www.dropbox.com/s/zid7t1dwjh0pinm/jquery.chocolat.js?dl=0