javascript - 我已经转移到 SSL，现在我的弹出菜单不起作用

Question

我已经改用 SSL，现在我在导航栏上的弹出菜单不起作用。它确实在手之前起作用了。我不明白为什么它不起作用。我没有对 CSS 或 javascript 代码做任何事情。

$(document).ready(function(){
  // Mobile menu toggle
  $('.fa-reorder').click(function(){
    $('body>nav ul').slideToggle();
  });
  //Checkboxes customization
  $(':checkbox').click(function(e){
    if ($(this).is(':checked')) $(this).addClass('checked');
    else $(this).removeClass('checked');
  });
  //landing page popups
  $('#signup').click(function(){
    $('#signup-popup, #cover').show();
    $('#cover, .fa-times').click(function(){
      $('#cover, #signup-popup').hide();
    });
  });
  $('#login').click(function(){
    $('#login-popup, #cover').show();
    $('#cover, .fa-times').click(function(){
      $('#cover, #login-popup').hide();
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<nav>
  <i class="fa fa-reorder"></i>
  <ul>
    <li><a href="https://www.serviceposts.com">HOME</a></li>
    <li><a href="https://www.serviceposts.com/site/postings">POSTS</a></li>
    <li><a href="https://www.serviceposts.com/site/about/hspw.php">HOW IT     WORKS</a></li>
    <li><a href="https://www.serviceposts.com/site/about">ABOUT</a></li>
    <li><a href="https://www.serviceposts.com/site/about/emailcsb.php">CONTACT</a></li>
  </ul>
  <div class="buttons">
    <input type="button" class="button green" value="SIGN UP" id="signup">
    <input type="button" class="button" value="LOGIN" id="login">
  </div>
  <div id="signup-popup">
    <h3>LET'S GET STARTED <i class="fa fa-times"></i></h3>
    <div class="part">
      <figure>
        <a     href="https://www.serviceposts.com/site/management/cust_reg.php"><img     src="images/SP_Signup_03.png" alt=""/></a>
      </figure>
      <input type="button" class="button green" value="I am a Consumer">
      <p><a href="https://www.serviceposts.com/site/management/cust_reg.php" class="blue">Make My Service Match Today</a></p>
    </div>
    <div class="part">
      <figure>
        <a href="https://www.serviceposts.com/site/management/bus_reg.php"><img src="images/SP_Signup_05.png" alt=""/></a>
      </figure>
      <a href="https://www.serviceposts.com/site/management/bus_reg.php"><input type="button" class="button orange" value="I am a Service Provider"></a>
      <p><a href="https://www.serviceposts.com/site/management/bus_reg.php" class="blue">Make My Service Match Today</a></p>
    </div>
  </div>
  <div id="login-popup">
    <h3>LOGIN<i class="fa fa-times"></i></h3>
    <form action="https://www.serviceposts.com/site/welcome.php"     method="post">
      <label for="username1">Username</label>
      <input type="text" id="username1" name="uname"/>
      <label for="password1">Password</label>
      <input type="password" id="password1" name="txtpassword"/>
      <input type="submit" class="button green" value="LOGIN"/>
    </form>
    <a href="#">Forgot username or password?</a>
  </div>
</nav>

javascript/css/html 有好的分词器吗？

Answer 1

最佳做法是添加从 http 到 https 的重定向(如果我们忘记在您的应用配置中更改协议(protocol)，网络服务器会将所有客户端请求重定向到 https):

Apache 示例:

<VirtualHost *:80>
    ServerName www.example.com
    Redirect "/" "https://www.example.com/"
</VirtualHost >

<VirtualHost *:443>
    ServerName www.example.com
    # ... SSL configuration goes here
</VirtualHost >

nginx 示例:

server {
  listen *:80;
  server_name example.com;
  proxy_set_header Host example.com;
  location / {
    rewrite ^(.*)$ https://example.com$1 permanent;
  }
}
server {
  listen *:443 ssl;
  server_name example.com;
  proxy_set_header Host example.com;
  location / {
    proxy_pass http://127.0.0.1:8080;
  }
}