javascript - Salvatore 无法在 Chrome 和 Safari 上运行

Question

我不明白这是怎么回事。我做了一个网站，除了 Salvattore.js 之外一切正常。它在 IE 和 Firefox 上完美运行，但在 Safari 和 Chrome 上根本不起作用! (请参阅下面在 Firefox 和 Chrome 上检查的相同元素的图像。Chrome 甚至无法识别 div 时间轴内的 html 结构 (salvattore)!!)

我尝试删除同位素以查看两个插件是否相互冲突，但都不起作用。

如果代码是错误的，那么它根本不应该在任何浏览器上工作，对吧？我不明白可能出了什么问题？!

更新 我在检查时遇到此错误:

“未捕获类型错误:无法读取 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 确实在 Chrome 上运行，测试一下 jsfiddle与 Chrome 。您可能有一些自定义代码导致了问题。

代码来自 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 上运行。