2015-09-09 203 views
1

我似乎遇到了一個問題,今天之前沒有excored與一些代碼。儘管superslides的jquery腳本運行良好,但今天我們收到一條消息,說我們的站點看起來很奇怪,所以我去檢查了它。看起來,我們超級滑塊滑塊中圖像的大小調整突然出現錯誤,它會導致圖像移出其區域,而不會隱藏在溢出區域。Superslides將圖像大小調整爲大

它分配一個錯誤的高度變量的圖像的高度,除非我調整它的寬度,比它修復。每當我調整高度時,它都會失敗。

所以我想知道發生了什麼,並檢查是否有修改完成。沒有發生過,我檢查了測試服務器上運行不同版本的網站,我知道應該可以正常工作,但它也有同樣的問題。我跨瀏覽器查看是否是瀏覽器問題,沒有運氣。

現在經過一些扣除和測試後,我認爲它必須處理如下變量。

.... some code ..... <-- line 117 in jquery.superslides.js 
} else { 
     $('body').css({ 
     margin: 0 
     }); 

     that.$el.css({ 
     position: 'relative', 
     overflow: 'hidden', 
     width: '100%', 
     height: that.height 
     }); 

對於一些奇怪的原因,(這在技術上是因爲它的一個this定義爲var that = this;)不計算DIV的高度,但只是吐出了一些我甚至找不出。圖像也是如此,所以我的問題是,它出錯了?

我從我的網站臨時刪除了superslides,但是由於某些奇怪的原因,這個問題也在我們的測試域和我的個人測試空間中,因爲它幾天前完全運行。

看到它的手來:http://test.thewebfanatics.com/jellyweb

回答

1

Superslides默認$(window).height()從而未能在你的情況下使用。
要麼你可以注入具有正確尺寸的另一對象或者你可以只修復$(window).height()爲已讀here

由於沒有doctype標籤,瀏覽器會報告這兩個調用相同的值。

添加像<!DOCTYPE html>這樣嚴格的文檔類型會導致值按照公佈的方式工作。

+0

謝謝,這確實是問題。它要求我用CSS樣式對菜單做一些修改,以便現在獲得邊距,但這是我可以管理的問題。有趣的是,doctype聲明可以解決很多問題。感謝您的指出! – Dorvalla

+0

很高興我能幫忙! :) – Tubbe