将html代码添加到动态生成的div中

时间:2015-02-11 18:02:34

标签: javascript jquery html

我有一个问题,在过去几天让我很烦。 我有一个视差模板,其中视差元素是从js文件自动生成的。所以我可以像过渡等一样添加css样式,但我想在div上添加一些链接,或者在clik事件上添加一些链接。

我认为到目前为止我要查看的是这篇文章(其中创建了div的id):

enter //Parallax Element 2  
var item = {};
item.name = "#tree21";
item.stackOrder = 1;
item.content = "image";
item.image = "images/parallax/bg2.png";
item.sizes = {w:"350",h:"350"};
item.screenPos = ["40%","-100%","300%","-115%"];
item.visibility = ["true","true","true","true"];
item.parallaxScene = true;
item.bPos = 200;
item.mouseSpeed = 15;

items.push(item);

和这里(我认为div生成了

createScenes: function () {
        //Resize Parallax Elements if responsive
        if (responsive) {
            var screenProp = this.maxWidth / 1920;
        } else {
            var screenProp = 1;
        }
        for (var i = 0; i < items.length; i++) {
            if (jQuery(items[i].name).length == 0) {
                jQuery("#parallax-container").append("<div id='" + items[i].name.substring(1, (items[i].name.length)) + "' class='parallaxItem'></div>");

            }

谢谢!

1 个答案:

答案 0 :(得分:0)

存储对新div的引用:

var div = jQuery("<div id='" 
                 + items[i].name.substring(1, (items[i].name.length))
                 + "' class='parallaxItem'></div>")
             .appendTo(jQuery("#parallax-container"));
jQuery(div).append('...');