将html代码添加到动态生成的div
问题描述:
我有一个js问题让我在过去的几天内感到困扰。 我有一个视差模板,其中视差元素是从js文件自动生成的。所以我可以添加css样式,如转场等,但我想添加一些链接顶部的divs,或某种clik事件。将html代码添加到动态生成的div
什么,我想我有这么远看是在这个并祝(其中的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>");
}
谢谢
答
存储参考你的新的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('...');
你的答案是肯定比我到目前为止,唯一的事情是当我把生成的ID之一,而不是“#parallax-container”,一切都搞砸了。 – 2015-02-11 19:01:41
你可以在jsfiddle.net上发布样本吗? – 2015-02-11 19:34:15
请原谅我迟到的回复...太多的文件(js和css)将它们全部添加到jsfiddle.net中。我能做的就是粘贴主题实时预览的链接。 (我可以肯定添加一个链接与我自己的网址,但我认为这将违反计算器规则?) 链接是:http://themeforest.net/item/-horizillax-horizontal-parallax-html-template-/full_screen_preview/7879442 – 2015-02-12 16:38:33