Javascript 通过inquire.js获取媒体查询更改的css值

Javascript 通过inquire.js获取媒体查询更改的css值,javascript,twitter-bootstrap,window-resize,enquire.js,Javascript,Twitter Bootstrap,Window Resize,Enquire.js,活动宽度从770px更改为620px,其中边距从-30px更改为-20px,这是引导span8项 问题是: 似乎Inquire在css媒体查询之前启动了函数,因此当您调整窗口大小时,它会拾取以前的值 当我从1200切换到980时,调整浏览器窗口控制台日志显示的是30px 770而不是20px 660,而当我从980切换回1200时,控制台日志显示的是20px 620。如果没有工作示例,很难理解问题的确切性质。您能创建一个JSFIDLE来演示这个问题吗?那我很乐意调查一下 enquire .

活动宽度从770px更改为620px,其中边距从-30px更改为-20px,这是引导span8项

问题是: 似乎Inquire在css媒体查询之前启动了函数,因此当您调整窗口大小时,它会拾取以前的值


当我从1200切换到980时,调整浏览器窗口控制台日志显示的是30px 770而不是20px 660,而当我从980切换回1200时,控制台日志显示的是20px 620。

如果没有工作示例,很难理解问题的确切性质。您能创建一个JSFIDLE来演示这个问题吗?那我很乐意调查一下
enquire

  .register('screen and (min-width: 1200px)', {

    match: function() {

      active_li_margin_left = $('li.active').css('margin-left')
      active_li_width = $('li.active').width()

      console.log(active_li_margin_left, active_li_width)

      zwarovsky();

    }

  })

  .register('screen and (min-width: 980px) and (max-width: 1199px)', {

    match: function() {

      active_li_margin_left = $('li.active').css('margin-left')
      active_li_width = $('li.active').width()

      console.log(active_li_margin_left, active_li_width)

      zwarovsky();

    }

  })