jQueryはhref文字列をクリックしてクリックしないでください

Question

すべてのプログラマーにお越しいただきありがとうございますが、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

おかげで上のリンクをクリックすることはできません。

Answer 1

あなたは追記にこのようなものが必要：それはイメージで新しいタブを開き、誰かがそれを保存することができます。

私はアンカー

<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>

それとも、ダウンロードを強制するページへのリンクを開く必要がありますにボタンを変更しました注意してください。

Answer 2

button要素には、href属性がありません。 a要素を使用する必要があります。あなたはボタンのように、それをスタイリングすることができます

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