我有超过200个网页需要添加一个灯箱。我在这些页面的<body>
底部添加了一个javascript文件。不幸的是,我忘了在<head>
中添加JQuery ......我很讨厌这个:(。
基本上,我正在创建<script>
和<link>
标签,并将<head>
1}}添加到我的<body>
底部的javascript文件的//Get head element
var head = document.getElementsByTagName("head")[0];
//Create and attach JQuery
var jquery = document.createElement('script');
jquery.type = 'text/javascript';
jquery.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js';
jquery.onload = function() {
};
head.insertBefore(jquery,head.childNodes[4]);
//Create and attach shadowbox CSS
var shadowboxCSS = document.createElement('link');
shadowboxCSS.type = 'text/css';
shadowboxCSS.rel = 'stylesheet';
shadowboxCSS.href = 'http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/shadowboxCSS.css';
head.appendChild(shadowboxCSS);
//Create and attach shadowbox JS
var shadowbox = document.createElement('script');
shadowbox.type = 'text/javascript';
shadowbox.src = 'http://image.iloqal.com/lib/fe5c1570746107757c1c/m/1/shadowboxJS.js';
head.appendChild(shadowbox);
//Call shadowbox function in head
var shadowboxcall = document.createElement('script');
shadowboxcall.type = 'text/javascript';
shadowboxcall.innerHTML = "Shadowbox.init()";
head.appendChild(shadowboxcall);
中p>
我相信,因为我从HTML的末尾加载脚本标签,这是一个操作顺序问题。
当我点击shadowbox插件定义的指定标签时,没有任何反应。
如果有人能提供帮助,我会对这个问题感到困惑。我真的很感激!
以下是我正在使用的一些示例代码:
{{1}}
答案 0 :(得分:2)
删除&#34;调用shadowbox功能&#34;部分,它不对。
相反,请将shadowbox.onload = function() {Shadowbox.init();};
添加到最后。