簡體   English   中英

Salvattore無法在Chrome和Safari上運行

[英]Salvattore not working on Chrome and Safari

我不明白這里發生了什么。 我做了一個網站,除了Salvattore.js之外,其他所有東西都可以正常工作。 它在IE和Firefox上可以完美運行,但在Safari和Chrome上根本無法運行! (請參見下面在Firefox和Chrome上檢查過的同一元素的圖像。Chrome甚至無法識別div時間線(salvattore)內的html結構!)

我試圖刪除同位素,以查看兩個插件是否相互沖突,但兩者均無效。

如果代碼錯誤,那么它根本不能在任何瀏覽器上運行,對嗎? 我不明白什么可能是錯的?!

更新我檢查時收到此錯誤:

“未捕獲的TypeError:無法讀取null salvattore.js的屬性'1':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

所附圖片:

在此處輸入圖片說明在此處輸入圖片說明

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,但是對於我來說,它完全無法在LAMP上運行。

好吧,經過大量的嘗試和測試,我發現,如果我從選項卡中刪除Salvattore,則在所有瀏覽器上都可以正常工作。 所以現在的問題是:如何使它在選項卡中起作用?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM