javascript - 在 javascript 中创建脚本

标签 javascript html slider jsdom

嗨,专家们,我是一个新人,我有一个程序可以在现有脚本中构建动态脚本

<html>
<head>
    <title>Depot</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="localfiles/css/pignose.layerslider.css" rel="stylesheet" type="text/css" media="all" />
    <link href="localfiles/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="localfiles/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="localfiles/js/pagebuilder.js"></script>
</head>
<body onload="BuildHome()">
    <div id="header_content"></div>
</body>

 function BuildHome(){
var bannergrid = document.createElement("div");
    bannergrid.className = "banner-grid";
var visual = document.createElement("div");
   visual.id = "visual";
ba nnergrid.appendChild(visual);
var slide_visual = document.createElement("div");
    slide_visual.className = "slide-visual";
visual.appendChild(slide_visual);
var banner_ul = document.createElement("ul");
    banner_ul.className = "slide-group";
slide_visual.appendChild(banner_ul);    
var slide_script_pignose = document.createElement("script");
    slide_script_pignose.src="localfiles/js/pignose.layerslider.js";
    slide_script_pignose.type="text/javascript";
var slide_script = document.createElement("script");
    slide_script.type="text/javascript"; 
var slide_script_text = document.createTextNode("$(window).load(function() { $('#visual').pignoseLayerSlider({ play    : '.btn-play', pause   : '.btn-pause', next    : '.btn-next', prev    : '.btn-prev' }); });");
    slide_script.appendChild(slide_script_text);
bannergrid.appendChild(slide_script_pignose);
bannergrid.appendChild(slide_script); 
banner_ul.appendChild(slide_li);
document.getElementById("header_content").appendChild(bannergrid);}

当它运行时它不显示错误但是动态添加的脚本不工作例如:FIY:这是一个 slider 图像

<div id="visual">

是动态创建的,它必须有一个类也是从

中动态添加的

pignose.layerslider.js

它必须是这样的:

<div id="visual" class="pignose-layer">

但它不显示类。由于其功能,我需要在 pignose.layerslider.js 中动态添加该类。 我的分析是动态添加的脚本不工作/执行 如果他们是一种运行/执行已添加到脚本或可以提供帮助的脚本的方法,请提供帮助!

提前致谢! 抱歉我的英语不好:)

最佳答案

你确定你加载了 jQuery 吗?

尝试在您的 <meta> 之后添加此行标签:

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

另请参阅 https://stackoverflow.com/a/13122011/5298002

可能是因为你没有把脚本添加到文件的头部。

关于javascript - 在 javascript 中创建脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48858840/

相关文章:

javascript - JS 按类更改 setposition

javascript - 谷歌地图 fitBounds 首次无法放大折线

javascript - 如何从我自己的扩展程序中的 options.html 打开 Chrome 扩展程序页面?

python - 如何给 matplotlib slider 贴上标签?

Jquery slider 计时器

javascript - li 标签的重复 onmouseover/onmouseout 调用

javascript - 使用 jQuery 更新输入值属性

html - 无论如何让边框厚度跟随父宽度/高度?

html - 特定高度和宽度的父 div 水平包含子 div 的数量

javascript - 当我从有界数据导出输出时,为什么我的自定义指令没有更新?