那里的所有程序员都很好,但我有一些问题,来自javascript的html代码不起作用。我附加了此代码,但在html <div id="result"></div>
$('#result').append('<div class="col-large-4 col-md-4 col-sm-12 float-left"><div class="col-md-12 column thumbnailbox"><img src="img/IMAGE.png" style="position: absolute; width: 32px; height: 32px; margin-left: 5px; margin-top: 5px;" ></img><img src="https://instagram.fmnl4-6.fna.fbcdn.net/t51.2885-15/s640x640/sh0.08/e35/c135.0.810.810/22636828_1183035351797075_5642980100820434944_n.jpg" style="width: 100%;"></img><div class="thumbnailtitle"><button href="#" class="btn-download btn btn-block btn-danger btn-sm" role="button">DOWNLOAD IMAGE</button></div></div></div>';
它附加但无法点击href上的链接
提前感谢您的帮助。
答案 0 :(得分:2)
button
个元素没有href
个属性。您需要使用a
元素。您可以像按钮一样设置样式:
<a href="#" class="button">Click Me</a>
答案 1 :(得分:2)
在附加中你需要这样的东西:它会打开一个包含图像的新标签,有人可以保存它。
注意我已将按钮更改为锚点
<div class="col-large-4 col-md-4 col-sm-12 float-left"><div class="col-md-12 column thumbnailbox"><img src="img/IMAGE.png" style="position: absolute; width: 32px; height: 32px; margin-left: 5px; margin-top: 5px;" ></img><img src="https://instagram.fmnl4-6.fna.fbcdn.net/t51.2885-15/s640x640/sh0.08/e35/c135.0.810.810/22636828_1183035351797075_5642980100820434944_n.jpg" style="width: 100%;"></img><div class="thumbnailtitle"><a href="https://instagram.fmnl4-6.fna.fbcdn.net/t51.2885-15/s640x640/sh0.08/e35/c135.0.810.810/22636828_1183035351797075_5642980100820434944_n.jpg" class="btn-download btn btn-block btn-danger btn-sm" role="button" target="_blank">DOWNLOAD IMAGE</a></div></div></div>
&#13;
或者您可能需要打开强制下载的网页链接。