嗨,专家们,我是一个新人,我有一个程序可以在现有脚本中构建动态脚本
<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/