奇点网格切换

Question

我无法让奇点的网格切换工作。当尝试按照他们的 wiki 安装时，我得到的回应是没有像 singularitygs 这样的框架。它实际上是安装的，显然是在奇点gs/模板/下，但在任何地方添加其他行似乎没有任何作用。行得通吗？

网格切换是"@include背景网格"的替代方法，允许您通过按键"g"切换背景网格。按照安装和激活说明（奇点维基，"可视化你的网格"）进行操作后，我无法让它工作。我想知道是否有其他人正在使用它并可能有所帮助。有一句话是这样写的："不应在选择器中使用网格切换混合;它会写自己的。 注意我没有在选择器之前输入两个字母"a";它在维基中。我很困惑。

我没有宝石文件。gem 'grid-toggle' 位于我的 Ruby 文件夹 （OSX 10.7.5） 深处。我显然没有在我的风格.scss的正确位置放置正确的线条。文档不是世界上最好的，是吗？

Answer 1

我在使用 @include background-grid 时遇到了同样的错误，但后来我把它包含在html {@include background-grid}中并且它起作用了：-）它应该在任何 css 元素中工作。

Answer 2

这是我自己的答案——终于。将"data-development-grid="show"'添加到ID为"wrap"的html元素中，这是我想要网格的地方。将"@include网格切换"添加到 SCSS 元素 *{ ...} 或 html{ ...} 元素。我写了一个新的javascript/jquery文件，如下所示来代替grid.js：

（

函数（） {

$(document).keypress(function(event) {
    if (event.which === 103) {
    var wrap = document.getElementById("wrap");
    var dev = wrap.getAttribute('data-development-grid');
    if (dev === null || dev === 'hide') {
        wrap.setAttribute('data-development-grid', 'show');
    }
    else {
        wrap.setAttribute('data-development-grid', 'hide');
    }
        }
    });

}）（）;

称它为myToggle.js并像往常一样在html页面的头部引用它。嘿，预示着一个切换的网格。我敢说javascript是垃圾，有更好的方法。

Answer 3

尝试使用以下命令："捆绑执行指南针安装奇点gs/grid-toggle"，那么你将在指南针项目中有一个名为JS的新目录，其中包含grid.js和grid.min.js。