jQuery附加一个href字符串cant click

时间:2017-10-22 14:23:11

标签: javascript jquery

那里的所有程序员都很好,但我有一些问题,来自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上的链接

提前感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

button个元素没有href个属性。您需要使用a元素。您可以像按钮一样设置样式:

<a href="#" class="button">Click Me</a>

答案 1 :(得分:2)

在附加中你需要这样的东西:它会打开一个包含图像的新标签,有人可以保存它。

注意我已将按钮更改为锚点

&#13;
&#13;
<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;
&#13;
&#13;

或者您可能需要打开强制下载的网页链接。