小编Nir*_*ita的帖子

我们目前正在生产用于图标的PNG,但作为设计师,我正在努力推动使用SVG以获得以下好处:
a.在视网膜上渲染.
湾 视力受损的用户放大
.c.创建图标时更简单的工作流程.

有没有比较这3种方法的研究？(PNG Sprite vs SVG sprite vs Icon字体)在性能方面？

如果没有,你会比较它们的内容和方式？(例如,我听说SVG需要更多CPU能力,我不知道如何测试它或后果是什么).

非常感谢!你是一个了不起的社区.

顺便说一句,这是我能找到的:
svgs很酷,但图标字体只是文件大小的10%
SVG +图标字体:
Iconserving - SVG或Webfont？
我们从图标字体切换到SVG的十大理由

这是我第一次在stackOverflow上发帖,我真的希望我不要搞砸了.

我正在使用Compass,Foundation和jQuery构建一个网站,我的代码有问题:

$(document).ready(function(){
    function navOn(){
        //var navWidth = $('nav').outerWidth();
        //var contentWidth = $('.feed').outerWidth();
        $('.innerWrap').toggleClass('is-nav');
        $('.post').toggleClass('is-nav');
        $('.nav-main').toggleClass('is-nav');
        console.log("fu");
    };
    $('#tempSwitch').click(navOn());

    if($('.nav-main').hasClass('is-nav')){
        $('.feed').click(navOn());
    }

    $('.nav-menu a').on('click', function(){
        $('.nav-menu a').removeClass('is-active');
        $(this).addClass('is-active');
    })
});

当我加载文档时,我得到两个控制台日志(意味着函数运行了两次),但是当我实际单击我指定的触发器时没有任何反应.

关于为什么这不起作用的任何想法？

编辑: 非常感谢您的回答.

但是,我试图理解为什么,当我打开控制台并尝试运行navOn()时,我得到ReferenceError:navOn未定义

也,

if ($('.nav-main').hasClass('is-nav')){
    $('.feed').click(navOn);
}

似乎没有用.

非常感谢你提前