jqueryスクリプトを介してPHPスクリプトへのajax()呼び出しを行うWebページDefault.htmlがあります。POST データでいくつかの基準が満たされている場合、PHP は次のことを行います。
echo file_get_contents('Restrict/Restrict.html');
このエコーは、制限されたファイルの内容を (msg) として jquery スクリプトに戻します。
document.write(msg);
これは、Restrict.html の HTML コンテンツの表示には完全に機能しますが、ページが読み込まれると、Restrict.html に関連付けられた jquery は機能しません。
Restrict.html の jquery スクリプトを呼び出しページ Default.html と同じフォルダーに配置し、それをタグ付きの Default html に含めようとしました。また、動的に作成された要素にイベントが確実にバインドされるように、live() を使用するように jquery メソッドを書き直しました。何も機能していないようです。誰かが私を啓発してください。document.write で間違った手法を使用していますか? それとも、jquery が document.ready() を使用するという問題ですか? より多くのコードを提供できれば幸いですが、ここには多くのことが関係しています。
これはRestric.htmlです
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<head profile="http://www.w3.org/2005/10/profile">
<title>Project page</title>
<link rel="stylesheet" href="ento.css" type="text/css">
<script src="jquery.js"></script>
<script src="RestrictScripts.js"></script>
</head>
<body>
<span class="titleText">Your project page</span>
<div id="mainwrapper">
<div id="logoSquare" class="entoSquare">
<span class="titler">Logo</span>
</div>
<div id="screenshotSquare" class="entoSquare">
<span class="titler">Current screenshot</span>
</div>
</div>
<!--END MAIN-->
<!--HIDDEN POPUPS-->
</div>
<div id="largeSS" class="largeBox">
<img src="Site.png">
<img src="close.png" class="closer">
</div>
<div id="largeLogo" class="largeBox">
<img src="LogoLarge.png">
<img src="close.png" class="closer">
</div>
</body>
</html>
これはRestrictScript.jsです
$('document').ready( function(){
//page help
//click small images to loads overlays
$("#screenshotSquare").live("click", function(){
console.log("Anything?");
$("#largeSS").css('visibility','visible');})
});