0

そこで、私がホストしているスカベンジャー ハント用の Web サイトを作成しましたが、先に進むためのチャレンジを完了したことを確認するために、ほぼすべてのページにパスワード プロンプトが表示される必要があります。私は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

対処法はいくつかありますが、ここでは2つ。一方は他方よりも簡単です。これを行う最初の方法は、すべてのコンテンツをページに配置し、ページの読み込み時に非表示にすることです。パスワードが正しく入力されると、ページが表示されます。

body { display:none; }

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

http://jsfiddle.net/5JyTy/

もう 1 つは、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 に答える