Javascript操作顺序问题

时间:2012-05-08 16:19:38

标签: javascript jquery shadowbox

我有超过200个网页需要添加一个灯箱。我在这些页面的<body>底部添加了一个javascript文件。不幸的是,我忘了在<head>中添加JQuery ......我很讨厌这个:(。

基本上,我正在创建<script><link>标签,并将<head> <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}}

1 个答案:

答案 0 :(得分:2)

删除&#34;调用shadowbox功能&#34;部分,它不对。

相反,请将shadowbox.onload = function() {Shadowbox.init();};添加到最后。