実際、私は、<div id='data'></div>
に追加されたjqueryを通してハイパーリンクを使って画像を動的に生成したかったのです。JQueryを使用して動的に生成された要素にハイパーリンクを提供する方法は?
これでイメージを作成できましたが、生成されたイメージにハイパーリンクを付けることはできません。単純化のため、ここでは1つの画像しか挿入していません。
<html>
<head>
<script src="jquery.min.js" type='text/javascript'></script>
<script type='text/javascript'>
$('#gallery h3').click(function(){{
$('<img></img>')
.attr('src', 'photo.jpg')
.hide()
.load(function() {
$(this).fadeIn(4000);
})
.appendTo($('#data'));
}
</script>
</head>
<body>
<div id='gallery'>
<h3 id='gdata'><a href='#'>Browsers</a></h3>
<div id='data'></div>
</div>
</body></html>
ありがとうございました。コードはあなたの提案に従って動作しますが、 'hide()'が削除された場合にのみ動作します。画像を読み込んでいる間に 'hide()'が削除されると、最初に '
'の下の位置に表示され、画像を表示する前にプリローダーを使用していたので正確な位置に表示されます。 – Karthik