Question

我正式难过。在我的页面底部包含一个简单的jQuery slideUp脚本（显示/隐藏某些divs onclick）后，我的导航栏中的两个链接（只有2个ul）不再是“可点击的” - 这仅在浏览器大小时发生收缩到一定宽度（仍然是合理的大小）。它们是可点击的，jQuery工作正常，浏览器窗口更宽。任何帮助都将受到极大的赞赏。我准备把电脑扔到窗外了。

以下是链接：

    <ul id="second">
    <li><a id="partials/art.html">art</a></li>
    <li><a href="#designinfo" class="navlink">   design</a></li>
            <li><a href="#illustrationinfo" class="navlink">illustration</a></li>
    </ul>

    <ul id="first">
    <li><a href="#aboutinfo" class="navlink">   about</a></li>
    <li><a href="#contactinfo" class="navlink">   contact</a></li>
    </ul>

这是一个应该打开的div之一的例子。事实上，这是一个没有打开的（“约”链接是由于某种原因不可点击的链接。）

            <div id="aboutinfo" class="info">
            <div id="bio">

     <p> bio info goes here </p>
     </div>
    </div>

真正发挥作用的唯一CSS是：

         .info{
          display:none;
           }

这是jquery：

    <script>

   $('.navlink').on('click', function(e){
   e.preventDefault();
  var targetDiv = $($(this).attr('href'));
  if(!targetDiv.is(':visible')){
$('.info').slideUp();
targetDiv.slideDown();
 }
   else{$('.info').slideUp();
  }

  });
  </script>

媒体查询后，链接突然无法点击

0 个答案: