JS未應用於動態生成的HTML

Question

我使用www.redips.net/拖放對象與jquery相同，但問題是如果我將所有內容都設置爲靜態HTML，那麼它工作正常。如果我生成動態HTML （這是必須的），然後js庫redips-drag-min之一不能應用&拖放不起作用。

我找到了一個解決方案，在此提及的是js的後動態所有HTML一直是這樣

 var ssioCss = document.createElement("script"); 
     ssioCss.setAttribute("type", "text/javascript"); 
     ssioCss.setAttribute("src", "../redips-drag-min.js"); 
     document.head.appendChild(ssioCss); 

CSS文件的一個創作的作品這樣&其偉大的，但爲什麼不把JS文件，任何人可以幫助?? 感謝

Answer 1

正如你在代碼中指定JQuery的，你應該使用

1. append，或者before或after方法來創建你的頁面元素
2. getScript加載腳本

3. 使用此腳本加載外部CSS文件

   $("<link/>", { 
       rel: "stylesheet", 
       type: "text/css", 
       href: "/styles/yourcss.css" 
   }).appendTo("head"); 
   

Answer 2

可以使用.getScript()爲動態加載外部JS：

$.getScript("../redips-drag-min.js", function(data, textStatus, jqxhr) { 
    console.log(data); 
});