JS未应用于动态生成的HTML

JS not applied for dynamically generated HTML

本文关键字：HTML 动态 应用于 JS      更新时间：2023-09-26

我使用www.redips.net/进行对象的拖放，这与jquery相同，但问题是，如果我将所有内容都设置为静态HTML，那么它可以正常工作。如果我动态生成HTML（这是必须的），那么js库中的一个redips-drag-min无法应用&拖放不起作用。

我找到了一个解决方案，可以在所有HTML都像一样创建后动态添加对js的引用

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

其中一个css文件是这样工作的&这很好，但为什么JS文件不能帮助任何人？？感谢

当您在标记中指定JQuery时，您应该使用

  1. append或before或after方法在页面中创建元素
  2. getScript加载脚本

  3. 使用此脚本加载外部CSS文件

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

您可以使用.getScript()动态加载外部js:

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