hrefをクリックすると、ターゲットIDから画像と説明が表示されます。誰かが私のためにこのコードを修正し、それを正しく行う方法を教えてもらえますか?どうもありがとうございました!変数を使用して特定のコンテンツを表示する方法は?
HTML:
<div id="gallery"><img/></div>
<a href="#panorak">Click me</a>
のjQueryコード:
var datas={
"images":[{ "src":"gallery/panorak.jpg",
"title":"PANORAK",
"date":"28/10/2010 Web Design",
"description":"desc",
"id":"panorak",
},
{
"src":"gallery/kamoa.jpg",
"title":"kamoa",
"date":"28/10/2010 Web Design",
"description":"desc",
"id":"kamoa",
},
]};
$(document).ready(function(){
var gallery=$("#gallery")
//****I don't know how to display it right at this point
var list=$("<ul/>");
gallery.append(list);
datas.images.each(function(i,j){
list.prepend($("<li/>").$("<img/>").attr("src",datas.images[i].src).load(function(){ }));
});
});
すべてのヘルプは大歓迎です!どうもありがとうございました!あなたが何かをクリックしたときにイベントをトリガしたい場合は、click()
機能を使用することができます
$(document).ready(function(){
var gallery=$("#gallery")
//****I don't know how to display it right at this point
$('a').click(function(){
var list=$("<ul/>");
gallery.append(list);
$.each(datas.images, function(i,j){
var img = $("<img/>").attr("src",datas.images[i].src);
list.prepend($("<li/>").append(img));
});
});
});
:
あなたの質問は十分ではありません。今は、ページが読み込まれているときに、コードで2つのイメージを動的に追加する必要があります。リンクをクリックしたときにのみ画像を追加するように変更したいのですか? –
正確に!また、私はプリペンド部分に他の詳細を追加する方法を知りたいです。 li要素にidを与えるのと同じように。事前にお手伝いいただきありがとうございます。 –