2015-02-11 121 views
-1

我有一個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>"); 

      } 

謝謝

回答

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('...'); 
+0

你的答案是肯定比我到目前爲止,唯一的事情是當我把生成的ID之一,而不是「#parallax-container」,一切都搞砸了。 – 2015-02-11 19:01:41

+0

你可以在jsfiddle.net上發佈樣本嗎? – 2015-02-11 19:34:15

+0

請原諒我遲到的回覆...太多的文件(js和css)將它們全部添加到jsfiddle.net中。我能做的就是粘貼主題實時預覽的鏈接。 (我可以肯定添加一個鏈接與我自己的網址,但我認爲這將違反計算器規則?) 鏈接是:http://themeforest.net/item/-horizillax-horizo​​ntal-parallax-html-template-/full_screen_preview/7879442 – 2015-02-12 16:38:33

相關問題