0

所以我为我托管的寻宝游戏创建了一个网站，但我需要一个密码提示来显示几乎每个页面，以确保他们已经完成了继续前进的挑战。我正在使用 Jquery，让密码提示出现的唯一方法是在我刷新页面之后，这不好。我需要一种将一个页面链接到另一个页面的方法，并在他们看到该页面之前显示密码提示。这是重要的html。另外，如果可以的话。每当我刷新页面时，所有的 CSS 似乎都消失了，我留下了文字。如果你能请帮忙。

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery</title>
      <link rel="stylesheet" href="../themes/scavenger-hunt.min.css" />
    <link rel="stylesheet" href="../Publish/jquery-mobile/jquery.mobile.structure-1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>
  <body> 
<script language="javascript">
var password
var pass1="123"

password=prompt('Please enter password to view page')
if (password==pass1)
alert('password correct! Press ok to continue.')

else{
  window.location="index.html";
  alert('password incorrect! Redirecting')
}

</script>
<div data-role="page" id="home">
  <div data-role="header">
    <h1>Hint 1</h1>

  </div>
4

2 回答 2

2

有几种方法可以解决这个问题，但这里有两种。一个比另一个容易。我这样做的第一种方法是将所有内容都放在页面上，但在页面加载时将其隐藏。如果密码输入正确，则会显示该页面。

body { display:none; }

if (password == pass1) { $('body').show(); }

http://jsfiddle.net/5JyTy/

另一种是使用 AJAX 并且仅在密码实际正确时才请求/显示内容。

if (password == pass1) { $('body').load('ajax/test.html'); }
于 2013-02-24T05:02:34.403 回答
0

你可以使用ajax调用和jquery msg插件，很好很简单

http://dreamerslab.com/blog/en/jquery-blockui-alternative-with-jquery-msg-plugin/

于 2013-06-26T07:16:57.757 回答