我在这里疯了 - 我无法让我的Jquery灯箱工作......如果有人可以快速看看会很棒!
网站为http://www.layersoflondon.org/index-with-jquery.html
我认为问题在于标题和Jquery灯箱中的Google Maps Javascript存在冲突。例如,我通过在Google地图中的图像链接上放置一个onclick事件来使Slimbox工作:
camdenSuperstoreContent.innerHTML = "<a rel=\"lightbox\" href=\"images/project-images/camden-superstore.jpg\" onclick=\"Slimbox.open('images/project-images/camden-superstore.jpg', 'Camden Superstores');return false\"><img src=\"images/project-images/camden-superstore-thumb-no-border.jpg\" /></a>";
问题是Slimbox使用Mootools,我想将Jquery用于其他一些东西......
有没有办法用灯箱做到这一点?
感谢任何建议。
非常感谢。
答案 0 :(得分:1)
在javascript控制台中,当我点击任何图像时,会显示一条消息“Uncaught ReferenceError:Slimbox未定义”。您在标题中注释掉了Slimbox库,而是使用了jquery.lightbox。但是你的图片仍然包含这个:
Slimbox.open('images/project-images/railway-bridge.jpg', 'The bridge');return false"
删除对Slimbox的所有引用。此外,只有在页面上出现图像后,即在呈现Google地图后,您才应调用以下功能:
$(function(){
initialize();
$('a[@rel*=lightbox]').lightBox({fixedNavigation:true});
});