この問題は私を狂ったものにしています...私はAjaxを通してPHPファイルを呼び出し、HTMLコンテンツに解析します。ページをリフレッシュせずに、動的コンテンツを作成するにはそのようにする必要があります。JQueryは解析されたコンテンツでは動作しません
私の問題は、解析されたコードはjqueryのものを実行しないということです。たとえば、PHPファイルにJqueryスライダが必要です。しかし、それは通常のHTMLとして解析され、JQueryはそれを認識していないようです。
HTMLファイル::
<html>
<head>
<script src="jquery-1.7.1" type="text/javascript"></script>
<script src="jscroller-0.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
// Add Scroller Object
$jScroller.add("#scroller_container","#scroller","right",1);
// Start Autoscroller
$jScroller.start();
});
</script>
<script type="text/javascript">
function showGet(str)
{
if (str=="")
{
document.getElementById("center").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("content").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","content.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="content">
<input type="button" onclick="showGet(1)" value="showGet">
</div>
<div id="scroller_container">
<div id="scroller">
...[Content]...
</div>
</div>
</body>
</html>
はここcontent.PHPファイルです:
<?php
echo "
<div id=\"scroller_container\">
<div id=\"scroller\">
...[Content]...
</div>
</div>
"
?>
実行され、HTMLがボタンを持っている
は、ここでのサンプルです。ボタンをクリックすると、content.phpが<div id="content></div>
に解析されます。 PHPにはHTMLと同じ<div id="scroller" ....
が含まれています。
HTML divは動作しますが、PHPファイルのHTML divは機能しません。なぜ????どうすればそれを稼働させることができますか?
多くのthxはすべてのヒントのために事前に!!使用
http://api.jquery.com/on/ http://api.jquery.com/delegate/
:jQueryのAJAXは、以下の使用してload()メソッドのような単純なことができAjaxは機能しますか?それらは実装するのがはるかに簡単ですし、Ajaxの結果からスクリプトを実行しています。 –
私は望みますが、私は必要な知識が不足していると思います。私には簡単な例がありますか? –
マニュアルにはいくつかの例があります:http://api.jquery.com/jQuery.ajax/ –