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

回答

相关问题