jquery灯箱问题

我在这里疯了 - 我无法让我的jquery灯箱工作......如果有人能快速查看，会很棒！jquery灯箱问题

网站是http://www.layersoflondon.org/index-with-jquery.html

我认为这个问题是存在与谷歌地图JavaScript中的头和Jquery的灯箱冲突。比如我Slimbox通过把一个onclick事件上的谷歌地图的图像链接工作：

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的一些其他的东西...

有没有办法与灯箱做到这一点？

感谢您的任何建议。

非常感谢。

来源

2011-05-02 Pontus

这将是很好的，如果你能告诉你遇到问题的实际一段代码，最好重新 - 在孤立的小例子中创建问题。 – DarthJDG 2011-05-02 12:54:36

好酷 - 我编辑，使问题更清晰。 :) – Pontus 2011-05-02 13:10:30

在javascript控制台中，当我单击任何图像时，会出现一条消息“Uncaught ReferenceError：Slimbox未定义”。您在头文件中注释了Slimbox库，而是使用jquery.lightbox。但您的图像仍包含此：

Slimbox.open('images/project-images/railway-bridge.jpg', 'The bridge');return false"

删除所有对Slimbox的引用。另外，应仅调用图像后下面的函数存在的网页上，谷歌地图之后被渲染，即：

$(function(){ 
    initialize(); 
    $('a[@rel*=lightbox]').lightBox({fixedNavigation:true}); 
});

来源

2011-05-02 13:09:53 ischenkodv

试过但它不起作用。我认为这与Lightbox和Google Maps脚本存在冲突。为了让Slimbox工作，我需要添加该打开的事件 - 大概我需要做一些类似的工作来让Lightbox工作？ – Pontus 2011-05-02 13:14:56

我编辑了我的答案。谷歌地图初始化后，您应该调用lightBox（）函数。 – ischenkodv 2011-05-02 13:15:49

@Pontus - >也许这可以帮助你？ jquery [.noConflict（）]（http://api.jquery.com/jQuery.noConflict/） – 2011-05-02 13:24:56

jquery灯箱问题

回答

相关问题