jQuery.Lighbox ライブラリを使用しようとしていますが、lightBox メソッドが見つかりません。
私がしたこと:
jquery.lightbox.js をインクルードします (jquery 自体の直後):
<html lang="en">
<head>
<meta charset="utf-8" />
<link href="/Content/site.css" rel="stylesheet"/>
<link href="/Content/jquery.lightbox.css" rel="stylesheet"/>
<script src="/Scripts/modernizr-2.5.3.js"></script>
<script src="/Scripts/jquery-1.7.1.js"></script>
<script src="/Scripts/jquery.lightbox.js"></script>
...
<head>
本文内で、ライトボックス コードを html 要素に配線しています。
<body>
<script type="text/javascript">
$(function () {
try
{
$('#gallery a').lightBox(); // Select all links with lightbox class
}
catch (err) {
var txt = "";
txt = "There was an error on this page.\n\n";
txt += "Error description: " + err.message + "\n\n";
txt += "Click OK to continue.\n\n";
alert(txt);
}
});
</script>
予想通り、js コードはエラーをスローします。
このページでエラーが発生しました。エラーの説明: オブジェクト [オブジェクト オブジェクト]にメソッド 'lightBox' がありません。続行するには [OK] をクリックしてください。
私はjQueryを初めて使用するので、何が間違っていたのか、それを修正する方法を教えていただければ幸いです。
ありがとうございました。
編集:
解決済み: jquery.js が 2 回インクルードされ、jquery.lightbox 関数が隠されていることが判明しました。