Question

在我的网站上，我有一个汉堡包菜单，只有当屏幕的width小于415px时才显示。因此，当您单击汉堡包图标时，它会起作用，但当您单击“作业”或“联系人”时，不会弹出任何内容。假设是一个弹出式div或容器，侧面有一个x图标和空白div。我一直在寻找这个4个小时，但找不到任何东西。这是我的HTML，其余的将上传到codepen。

Demo ：https://codepen.io/anon/pen/jBmzRq

HTML

<div id="jobs-popup">
  <img id="x-icon1" src="web%20x%20icon%20white.png">
  <div class="jobs-content">
    <a href="mailto:support@magictouchapp.com" target="_top" class="email"></a>
  </div>
</div>
<!--End Section for Jobs Popup -->
    
<!-- Section for contact popup -->
<div id="contact-popup">
  <img id="x-icon2" src="web%20x%20icon%20white.png">
  <div id="contact-content">
    <a href="mailto:support@magictouchapp.com" target="_top" class="email"></a>
    
  </div>
</div>
<!-- End Section for Contact Popup -->
    
<!-- Section for Press popup -->
<div id="press-popup">
  <img id="x-icon3" src="web%20x%20icon%20white.png">
  <div id="press-content">
    <a href="mailto:support@magictouchapp.com" target="_top" class="email"></a>
  </div>
</div>
<!-- End section Press -->
    
<!-- Section for legal popup -->
<div id="legal-popup">
  <img id="x-icon4" src="web%20x%20icon%20white.png">
  <div id="legal-content">
    <a href="mailto:support@magictouchapp.com" target="_top" class="email"></a>
  </div>
</div>
<!-- End section Legal -->
<!-- Section for Support -->
<div id="support-popup">
  <img id="x-icon5" src="web%20x%20icon%20white.png">
  <div id="support-content">
    <a href="mailto:support@magictouchapp.com" target="_top" class="email"></a>
  </div>
</div>
<div id="top-bar">
  <a class="burger-nav"></a>
  <div id="nav-bar">
    <ul>
      <li><a class="nav-list" href="#" id="jobs">Jobs</a></li> 
      <li><a class="nav-list" href="#" id="contact">Contact</a></li>
      <li><a class="nav-list" href="#" id="press">Press</a></li>
      <li><a class="nav-list" href="#" id="legal" id="legal-under">Legal</a></li>
      <li><a class="nav-list" href="#" id="support" id="support-under">Support</a></li>
    </ul>
  </div> 
</div>
<div id="container">
  <div id="background">
  </div>
  <ul id="menu">
  </ul>
  
  <div id="name-div">
    <h1 id="name">Touch</h1>
  </div>
  <ul class="bubbles">
    <li id="firstCircle"></li>
    <li id="secondCircle"></li>
    <li id="thirdCircle"></li>
    <li id="fourthCircle"></li>
    <li id="fifthCircle"></li>
    <li id="sixthCircle"></li>
  </ul>
</div>

Answer 1

您是否尝试添加下拉菜单

public void setSharedPreferences()
{
   try {
       SharedPreferences sharedPreferences=getApplicationContext().getSharedPreferences("UserData", Context.MODE_PRIVATE);
       SharedPreferences.Editor editor=sharedPreferences.edit();

       editor.putString("FirstName", StringUtils.capitalize(stringFirstName).trim());
       editor.putString("LastName", StringUtils.capitalize(stringLastName).trim());
       editor.putString("Email", stringEmail.toLowerCase().trim());
       editor.putString("Password", stringPassword.trim());

       editor.commit();
   }
   catch (Exception e)
   {

   }
}

如何让我的导航栏再次点击？

1 个答案: