[英]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.