Question

所需要的是使用Javascript动态创建六个div标签，它将根据窗口的宽度（计算机，iphone，ipad，Blackberry等）调整大小。该任务已成功实现。接下来的任务是在每个创建的div标签中放置一个图像，记住div是动态创建的，图像必须是可点击的。我有一个包含图像的文件夹。

请在此处提供帮助。

**注意：图片应调整大小，因为div调整大小* 这是动态创建的div标签的代码。请详细说明如何才能实现这一目标。

function DynamicDiv()
{
    for (var i = 0; i <= 5; i++)
    {
        var dynDiv = document.createElement("div");
        dynDiv.className = "blocks";
        document.body.appendChild(dynDiv);
    }
}

Answer 1

你可以尝试的是将html创建为字符串并将其附加到元素。

var html='<div>';
html='<img src="'+ImagePathforDynamic+'" alt="'+ImageAlterText+'"'/>;
html+='</div>';
$('#idOfElement').append(html);

哦！需要添加事件

$('#idOfElement img').click(function(){
    // your code to perform on click of the image
});

或者如果你想拥有多个div，那么你可以拥有可以生成html的循环。
如果这对您没有帮助，请告诉我;）

动态创建的div标签内的图像

1 个答案: