簡體   English   中英

IE9中的enquire.js沒有響應

[英]enquire.js not responsive in IE9

我按照所附文件運行了一個非常簡單的enquire.js測試,發現它沒有收到IE9的響應。 其他幾種瀏覽器的響應都很好(FF,Chrome,Safari)。 我已經在IE9中測試了GITHUB的測試套件,該套件運行良好-所以我肯定缺少一些東西。 任何幫助表示贊賞!

<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <title>enquire.js test</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width">
</head>
<body>
 <div id="frame">hello</div>
 <script src="js/libs/jquery.1.7.1.js"></script>
 <script src="../dist/enquire.js"></script>
 <script>
  $(document).ready(function(){
enquire.listen(50);
enquire.register("screen and (max-width: 1000px)",
      {
       match : function(){
  $("#frame").css("background-color","#f00");
       },     
       unmatch : function(){
  $("#frame").css("background-color","#0f0");
 },    
     });
   });
 </script>
</body>
</html>

IE9不支持matchMedia API ,所以你必須包括填充工具得到它的工作。 您可以根據需要將polyfill添加到頁面中,前提是在查詢之前已將其加載。 我個人使用Modernizr來有條件地加載polyfills,但這是個人喜好。

希望能有所幫助

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM