javascript - 每次单击 li 的一部分时，href 都不会加载链接。使用javascript使整个li可点击

Question

http://hemakessites.com

我想单击“关于”按钮转到“关于”页面。我正在使用 Javascript 和 JQuery 来处理行为(使整个 li 可点击)。出于某种原因，点击 li 的不同区域并不总是加载页面。

如果有更好的解决方案，我愿意不使用 jQuery。

“联系信息”和“爱好元素”li 没有 href，因此链接不起作用。如果你去关于页面，菜单基于 CSS 工作，没有 javascript 试图使整个 li 可点击。所以about.html页面没有javascript，不用javascript也能看到菜单问题。

感谢您的帮助!

index.html
    <div class="navcontainer">
    <ul><li>Link Title</
    li><li>Second_Link Title</ <!-- fixes extra space with </li><li> -->
    li></ul>
    </div>


style.css
    #nav li
      {
      display: inline-block;
      List-Style-Type: None;
      float:left;
      text-align:Center;
      width: 153px;
      height:46px;  
      font-size: 80%;
      border-Bottom: 1px solid #666666;
      }

    #nav li #about    
      {
      z-index: 10000;
      position: relative;
      top: 18px;
      text-decoration: underline;
      -moz-user-select: -moz-none;
      -khtml-user-select: none;
      -webkit-user-select: none;
      }

Answer 1

只需在您的 CSS 中添加以下内容:

#nav li.about a{
z-index:10000; }

它会起作用