2012-03-13 23 views
0

この問題は私を狂ったものにしています...私は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/

+2

:jQueryのAJAXは、以下の使用してload()メソッドのような単純なことができAjaxは機能しますか?それらは実装するのがはるかに簡単ですし、Ajaxの結果からスクリプトを実行しています。 –

+0

私は望みますが、私は必要な知識が不足していると思います。私には簡単な例がありますか? –

+1

マニュアルにはいくつかの例があります:http://api.jquery.com/jQuery.ajax/ –

答えて

1

コンテンツのロード -

+0

Wonderfull!それは仕事をした。 Shoud'veはあなたに最初に頼む。あまりにも多くの時間が無駄になりました....ありがとうございました! –

0

は、jQueryの機能を動的に追加された情報へのアクセスを取得するには、上のデリゲート()または()を使用する必要がありますあなたはjQueryのを使用していないのはなぜ

http://api.jquery.com/load/

/* loads a file into id=content and replaces exisitng html*/ 
$('#content').load('path/to/server/file', function(){ 
    /* new content exists, intialize event handling 
    and plugins for new html here*/ 


}) 
関連する問題