jquery
2011-07-10 11 views 0 likes 
0

実際、私は、<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> 

答えて

0

$('<img></img>').attr('src', 'photo.jpg') 

置き換えます

$('<a href="something"><img src="photo.jpg" alt="something useful" \/><\/a>'); 
+0

ありがとうございました。コードはあなたの提案に従って動作しますが、 'hide()'が削除された場合にのみ動作します。画像を読み込んでいる間に 'hide()'が削除されると、最初に '

'の下の位置に表示され、画像を表示する前にプリローダーを使用していたので正確な位置に表示されます。 – Karthik

0

チェックjQueryの
http://api.jquery.com/live/

がかもしれませlive()方法は、これが参考になります
How to change the href for a hyperlink using jQuery

関連する問題