我正在使用 jQuery 在按钮上的文本后面动态插入 Bootstrap Glyphicons。 a
元素上有一个属性 data-icon
,它提供应该附加到链接文本的图标的名称。
var icon_n = $("a.btn.download").attr('data-icon');
$("a.btn.download").append(" <span class='glyphicon glyphicon-" + icon_n + "></span>");
HTML:
<a href="blog/2015/08/jquery-bootstrap-icons.download.html" class="btn btn-primary download" data-icon="download-alt">Download</a>
据我所知,这应该在文本后面插入图标。我检查了控制台,没有错误。我还检查了应该设置图标的实际元素,那里什么也没有。
为什么这不起作用,我怎样才能使它起作用?
最佳答案
您需要关闭 class
属性:
$("a.btn.download").append(" <span class='glyphicon glyphicon-" + icon_n + "'></span>");
您错过了结束语 '
在 <span>
的串联末尾之后元素。
关于jQuery .append() 不适用于 Bootstrap 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32384911/