添加属性不是在jQuery的

Question

工作，我需要使用jqueny时，窗口的大小小于768像素

 <ul class="menu-link"> 
      <!--<li><a class="" href="#">HOME</a></li>--> 
      <li><a id="#about-us" >ABOUT US</a></li> 
      <li><a id="#contact" >CONTACT</a></li> 
     </ul> 

jQuery(document).ready(function ($) { 
     var windowSize = $(window).width(); // 
      if (windowSize < 768) { 
       //add attr 
       $("#about-us").attr("href", "#about-us"); 
       $("#contact").attr("href", "#contact"); 
    } 
}); 

它不工作的一些原因，我做错了什么

的 href属性添加到 a元素

Answer 1

首先你需要从IDS删除#：

<li><a id="#about-us" >ABOUT US</a></li> 
<li><a id="#contact" >CONTACT</a></li> 

应该

<li><a id="about-us" >ABOUT US</a></li> 
<li><a id=contact" >CONTACT</a></li> 

接下来，你可能要运行的窗口.resize以及：

$(function() { 
    $(window).on('resize', function() { 
    var add_remove = $(window).width() < 768; 
    $("#about-us").attr("href", add_remove ? "#about-us" : ""); 
    $("#contact").attr("href", add_remove ? "#contact" : ""); 
    }); 
    $(window).trigger('resize'); 
}); 

Answer 2

显示什么@pattmorter被指出

HTML：

<ul class="menu-link"> 
     <!--<li><a class="" href="#">HOME</a></li>--> 

     <!-- remove the # from the ids --> 
     <li><a id="about-us" >ABOUT US</a></li> 
     <li><a id="contact" >CONTACT</a></li> 
    </ul> 

JS：

jQuery(document).ready(function ($) { 
    var windowSize = $(window).width(); // 
     if (windowSize < 768) { 
      //add attr 
      $("#about-us").attr("href", "#about-us"); 
      $("#contact").attr("href", "#contact"); 
     } 
});