2014-04-01 21 views
1

我在Windows 7 Professional 64位上運行Chrome版本33.0.1750.154 m爲什麼這個div在Chrome中不一致加載?一個錯誤?

幾年前,我創建了這個WP插件,它工作得很好(當然可以使用改進),它顯示緩存的,風格化的Google日曆。當我今天將它放入另一個網站時,我面臨着明顯的瀏覽器繪圖錯誤,但僅在這一個網站上,這導致我相信存在某種CSS衝突。

我將整個插件從http://ebcbuffalo.com/calendar/(在同一瀏覽器中沒有任何錯誤地顯示)整個壓縮並安裝到新網站:http://faithbaptistspringville.com/monthly-calendar/。正如你所看到的,它們看起來完全相同。

當我在後者的日曆上點擊一個事件時,它可能會或可能不會正確地繪製div,即使它確實繪製了它,在關閉事件並單擊更多事件後,總會導致繪製錯誤。當它沒有正確繪製時,爲了看到div,我只需點擊Chrome中的另一個標籤,然後再次點擊該標籤。賓果 - 它在那裏(直到我向下滾動,它看起來好像是絕對位置的,當它實際上是固定的,然後嘗試點擊它的鏈接,他們......不是真的在那裏)。

我想我的JS可能有些腥意,所以我從我的Chrome控制檯運行了最基本的命令:jQuery('#id_popup').show();jQuery('#id_popup').hide();,但它的行爲與衆不同。

我確信這是Chrome的一個漏洞,但爲什麼它只能感染這個網站(faithbaptistspringville.com)?

這裏的工作之一: No bug

這裏是錯誤的2個截圖(這是完全隨機在如何重繪) Bug view #1 Bug view #2

+0

我無法重現所描述的錯誤,在我這邊,彈出式加載**非常緩慢**使頁面長時間不亮(而第一個鏈接的頁面工作正常)。看起來這是你的代碼中的錯誤。在Chrome和Opera中都進行了測試。 –

+0

隨着時間的推移,按照你所描述的彈出窗口顯示,看起來像一個錯誤,但更糟糕的是,我不能關閉它的權利,X關閉按鈕似乎不是interative **一時** ...所以它是很難說是什麼原因造成的,而我認爲這可能是由代碼造成的。 –

+0

你試過'切換到另一個選項卡並返回'技巧嗎? – user24601

回答

1

我真的不能明白爲什麼這個修復它,但在我的鉻(這再現了問題)我解決了這個問題,通過更改開發工具中的css #id_popup使用position: absolute;而不是固定的。

+0

如果'#id_popup'用於點擊測試鏈接後顯示信息的彈出窗口,我認爲'fixed'是它的正確樣式,如果您將其設置爲絕對,您可能需要嘗試將頁面滾動到底部並點擊測試鏈接?它不應該在屏幕上居中。 –

+0

我看到它 - 也許一些jQuery可以測試滾動和相應地修改'頂部'?可怕的是我知道,但它可能繞過這個非常奇怪的錯誤 – Starscream1984

+0

我可以通過使用jQuery來定位它,從而獲得相同的居中效果,就像我在http://hotoffthepresspaninis.com/的主頁上的日曆議程中所做的一樣,但是我不應該不需要只是爲了讓它工作。 – user24601

相關問題