Salvattore没有使用Chrome和Safari

Question

我不明白这里发生了什么。我创建了一个网站，一切都有效，除了Salvattore.js。它在IE和Firefox上运行完美，但在Safari和Chrome上根本不起作用！ （请参阅下面的图片，在Firefox和Chrome上检查过同一个元素.Chrome甚至不识别div时间轴内的html结构（salvattore）!!）

我试图去除同位素以查看两个插件是否彼此发生冲突但它们都不起作用。

如果代码有误，那么它在任何浏览器上根本不起作用，对吧？我不明白什么可能是错的？！

UPDATE 检查时出现此错误：

“未捕获的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

附图：

Answer 1

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上完全无法运行。

Answer 2

好的，经过大量的尝试和测试后，我发现Salvattore在所有浏览器上工作正常，如果我把它从标签中取出来的话。所以现在的问题是：如何让它在标签内工作？