を持って<button>
いrel="example.jpg"
ます。ページの読み込みではなく、ボタンをクリックした直後#area
に、 DIV に画像を読み込むボタンが必要です。だから私はこのコードを使用し、すべてが完了しました:
$(document).ready(function(){
$("button").click(function(){
var imgUrl = $(this).attr('rel');
$("#area").html("<img src='" + imgUrl + "' alt='description' />");
});
});
<button rel="example.jpg">Click Me</button>
<div id="area"></div>
これがそのjsfiddleです。
rel
が に対して無効であることがわかりました<button>
。
jqueryの使用など、これを行うための他のソリューションを知りたい.data()