Salvatore不適用於Chrome和Safari

我不明白這裏發生了什麼。我創建了一個網站，除Salvattore.js之外的所有內容都可以使用。它適用於IE和Firefox，但在Safari和Chrome上完全不起作用！（請參閱下面的圖片，在Firefox和Chrome上檢查過的相同元素，Chrome甚至不認識div時間線（salvattore）內部的html結構!!）Salvatore不適用於Chrome和Safari

我試圖去除同位素，彼此之間有衝突，但它也沒有工作。

如果代碼會出錯，那麼它在任何瀏覽器上都不應該工作，對吧？我不明白什麼可能是錯的？！

：

UPDATE 我檢查的時候得到這個錯誤「遺漏的類型錯誤：無法讀取屬性 '1' 空salvattore.js的：196

obtain_grid_settings salvattore.js:196 add_columns salvattore.js:214 register_grid salvattore.js:488 init salvattore.js:498 (anonymous function) salvattore.js:503 (anonymous function) salvattore.js:511 (anonymous function) salvattore.js:9 (anonymous function)

」

哪有我糾正它？

測試網址：http://lfsolutions.se/testes/site_2_B_teste/referenser.php#simple2

附圖片：

來源

2014-03-28 viriato

-1

OK，很多的嘗試和測試後，我發現Salvattore正常工作在所有瀏覽器，如果我把它拿出來的選項卡。所以現在的問題是：我如何使它在標籤內工作？

來源

2014-03-28 15:35:57 viriato

這不提供問題的答案。要批評或要求作者澄清，請在其帖子下方留言。 –

如果您有新的問題，請點擊[問問題]（http://stackoverflow.com/questions/ask）按鈕。如果有助於提供上下文，請包含此問題的鏈接。 – deviantfan

Salvatore DOES在Chrome上運行，使用Chrome測試此jsfiddle。你probalby有一些導致麻煩的自定義代碼。

該代碼來自Salvattore.js的主頁面。

CSS

#grid[data-columns]::before { 
    content: '3 .column.size-1of3'; 
} 

/* These are the classes that are going to be applied: */ 
.column { float: left; } 
.size-1of3 { width: 33.333%; } 


@media screen and (max-width: 480px){ 
    #grid[data-columns]::before { 
     content: '1 .column.size-1of1'; 
    } 
} 

@media screen and (min-width: 481px) and (max-width: 768px) { 
    #grid[data-columns]::before { 
     content: '2 .column.size-1of2'; 
    } 
} 
@media screen and (min-width: 769px) { 
    #grid[data-columns]::before { 
     content: '3 .column.size-1of3'; 
    } 
} 

/* Again, you’re free to use and define the classes: */ 
.column { float: left; } 
.size-1of1 { width: 100%; } 
.size-1of2 { width: 50%; } 
.size-1of3 { width: 33.333%; }

更新：我不知道，如果你正在運行在本地主機或螺母salvattore.js，但它完全不能對燈我跑。

來源

2014-04-23 18:44:06

Salvatore不適用於Chrome和Safari

回答

相關問題