ライトボックスを追加する必要のあるWebページが200以上あります。<body>
これらのページの下部にjavascriptファイルを追加しました。残念ながら、私はJQueryを追加するのを忘れていました<head>
...私はこれを嫌っています:(。
基本的に、私は自分のHTMLの下部にあるjavascriptファイルから<script>
と<link>
タグを作成して追加しています。<head>
<body>
HTMLの最後からスクリプトタグをロードしているので、これは操作の順序の問題だと思います。
シャドウボックスプラグインで定義された指定のタグをクリックしても、何も起こりません。
誰かが助けてくれるなら、私はこれに少し立ち往生しています。本当にありがたいです!
これが私が使用しているいくつかのサンプルコードです:
//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);