JS没有申请动态生成的HTML

Question

我使用www.redips.net/来拖放对象与jquery相同但问题是如果我将所有内容都设置为静态HTML然后它工作正常。如果我生成动态HTML（必须）然后一个of js library redips-drag-min无法应用＆amp;拖放不起作用。

我找到了一个解决方案，在像这样

创建所有HTML之后动态添加对js的引用

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

其中一个css文件以这种方式工作＆amp;它很棒，但为什么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);
});