jquery - 对象没有方法 lightbox

Question

我正在尝试将 lightbox 应用到我的 div。

我加载了 jquery 文件和 lightbox.js 但仍然收到 Object has no method lightBox 错误消息。我想知道是否有人可以帮助我解决这个问题。非常感谢!

<link rel="stylesheet" href="css/basic/basic.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/basic/jquery.lightbox-0.5.css" type="text/css" media="screen"/>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js'></script>
<scirpt type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type='text/javascript'>
   $(document).ready(function(){   

    $('#image img').lightBox();
})
</script>


<div id='image'>

/**/these images are generated from ajax call. not sure if it's relevant.**


<img src='a.jpg'/>
<img src='b.jpg'/>
<img src='c.jpg'/>


 </div>

Answer 1

就我而言，我发现 JQuery 和 $ 之间存在冲突

解决方案是更改文档就绪

 <script type='text/javascript'> 

    $(document).ready(function(){   

        $('#image img').lightBox(); }) 

 </script>