Question

我正在尝试将lightbox应用于div。

我有jquery文件和lightbox.js已加载，但仍然得到Object没有方法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>

Answer 2

在我的情况下，问题是ftp软件，它没有正确上传脚本。尝试从原始文件中手动复制/粘贴源＃34; jquery.lightbox-0.5.js＆＃34;到你的服务器。

对象没有方法灯箱

2 个答案: