應用響應，導航到兩個不同的導航

Question

我有這樣的HTML代碼，並使用自適應-nav.js做出響應導航

<nav class="nav-collapse first pull-left"> 
      <ul> 
      <li><a href="#">Home</a></li> 

      </ul> 
     </nav> 

     <nav class="nav-collapse second pull-right"> 
      <ul> 
      <li><a href="#">New</a></li> 

      </ul> 
     </nav> 

<script src="responsive-nav.js"></script> 
<script> 
    var nav = responsiveNav(".nav-collapse.first, .nav-collapse.second"); 
</script> 

我怎樣可以申請響應-NAV兩個？

Answer 1

這是怎樣的腳本由指定選擇器選擇元素：

this.wrapperEl = el.replace("#", ""); 
    if (document.getElementById(this.wrapperEl)) { 
     this.wrapper = document.getElementById(this.wrapperEl); 
    } else if (document.querySelector(this.wrapperEl)) { 
     this.wrapper = document.querySelector(this.wrapperEl); 
    } else { 
     // If el doesn't exists, stop here. 
     throw new Error("The nav element you are trying to select doesn't exist"); 
    } 

所以你看，這是不可能同時選擇兩個元素，像jQuery一樣。您需要撥打responsiveNav兩次。