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燈箱問題

回答

相關問題