小编Sam*_*yle的帖子

我一直试图让前面的浏览器按钮在一个小网站上使用pjax工作,并提出以下代码来处理类更改和淡入淡出各种叠加层.

但是我发现Chrome和Safari将初始页面加载视为popstate,因此它让我感到悲伤.反正有没有阻止这个？

$(window).on("popstate", function() {
  if ($('body').hasClass('info')) {
    $('body').removeClass("info").addClass("work");
    $('.info_overlay').fadeOut(duration);
    alert('popstate');

  } else if ($('body').hasClass('work')) {
    $('body').removeClass("work").addClass("info");
    $('.info_overlay').fadeIn(duration);    

  } else {
    $('body').removeClass("project").addClass("work");
    $('.project_overlay').fadeOut(duration);
  }
});

我试图弄清楚是否有办法使用LESS或SCSS而无需保存文档或刷新浏览器.目前我使用的CSS Edit非常适合实时预览但我无法找到一种方法来使用LESS或SCSS进行实时预览.我理想的情况是使用Textmate和我的broswer获得一个真实的(或接近)设置.我看了几个选项,WebPutty非常好,但它基于测试版和网络版,所以我喜欢一个适合我现有工作流程的解决方案.

非常感谢

目前我正在使用pjax加载片段并覆盖我网站页面的主页面.然后我用jquery更改body类,以允许一些样式更改.这很好但浏览器后退按钮不能正常工作,因为在点击pjax触发器时触发了body类更改,因此body保持了overlay的类.

当你点击一个项目时,我正在寻找的效果与这个网站非常相似.

http://www.watsonnyc.com/

显然这不起作用所以必须有更好的方法.

这是我的代码示例:

$('.back').pjax('.info_overlay', { fragment: '.info_overlay',}).live('click', function(){
    $('body').removeClass("info").addClass("work");
    $('.info_overlay')
    .bind('pjax:start', function() { $(this).fadeOut(duration); })
    .bind('pjax:end', function() { $(this).hide(); });    
})