2013-10-31 70 views
-1

嘗試在小提琴中重新創建此錯誤,但沒有運氣。不知道錯誤在哪裏。Fancybox不按預期方式工作(ajax)

我有一個樣品現場工作here ...

在我的實際網站,我也有同樣設立。看到它here ... (向下滾動到項目,你會看到「阿賈克斯」 - 點擊它)

你會注意到的第一件樣品點工作正常。但是,第二個網站是不工作...

它使用以下啓動的fancybox ...

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('.fancybox').fancybox(); 

    }); 
</script> 

我在這裏失去了,我真的想用這個,但似乎無法想辦法。

+0

爲什麼你有兩個版本的jQuery? –

+0

在頁面加載後,最底層的頁面正在被調用。我只是把它拿出來。再次看看[** here **](http://webfro.gs/south/tour3579/index2.html)它落後於其他一些jquery對象... – webfrogs

+0

其工作檢查它 –

回答

1

問題是z-index你在HTML <head>中添加該代碼,它工作得很好

<style>  
.fancybox-lock .fancybox-overlay { 
     overflow-x: auto; 
     overflow-y: scroll; 
     z-index: 99999 !important; 
    } 
</style> 

頁面跳轉到頂部的問題實際上可以與助手做過的fancybox 2

$('.fancybox').fancybox({ 
    padding: 0, 
    helpers: { 
    overlay: { 
     locked: false 
    } 
    } 
}); 
+0

工作,但當我點擊href時,它會滾動回頁面的頂部。任何想法如何保持它的位置,所以用戶不必回滾到他們所在的位置? – webfrogs

+0

哪href?內部花式框或某處? –

+0

現在,它的工作,我已經把href放在我想要的地方。轉到頁面[** here **](http://webfro.gs/south/tour3579/index2.html)和程序下方,點擊頂部左欄(警察照片)。這是我正在談論的href。如果你點擊它,你會注意到它會滾動回頁面的頂部。我如何避免這種情況? – webfrogs