2013-09-26 123 views
0

嗨即時通訊有問題頁面加載另一個頁面我有一個頁面a和頁面b與頁面a它有一個ajax加載頁面b和頁面b加載和運行jquery完美,直到我點擊頁面a,然後頁面b中的jquery似乎任何人都可以幫助我呢?jquery似乎無法加載後在ajax頁面加載

AJAX

function getXmlHttpRequestObject() { 
      if (window.XMLHttpRequest) { 
       return new XMLHttpRequest(); //Not IE 
      } else if(window.ActiveXObject) { 
        return new ActiveXObject("Microsoft.XMLHTTP"); //IE 
       alert("Your browser doesn't support the   XmlHttpRequest object. Better upgrade to Firefox."); 
      } 
     } 


var receiveReq = getXmlHttpRequestObject();  
     function get() { 
      if (receiveReq.readyState == 4 || receiveReq.readyState == 0) { 
       receiveReq.open("GET", 'b.php', true); 
       receiveReq.onreadystatechange = handleGet; 
       receiveReq.send(null); 
      }   
     } 
     function handleGet() { 
      if (receiveReq.readyState == 4) { 
       document.getElementById('content').innerHTML = receiveReq.responseText; 
      } 
     } 

PAGE 1所加載的AJAX和第二頁

<script src="add.js"></script> 
<a href="javascript:get()">Live Chat</a> 
<div id='content' class='content'></div> 

PAGE 2的與作JQUERY第1周時加載裝載到由它的自我但不工作後, AJAX加載本頁

  <!DOCTYPE html> 
      <html> 
      <meta charset="utf-8"> 
      <title>Test selctions</title> 
      <head> 
       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
       <script type="text/javascript"> 
       $(document).ready(function() { 
       $('#' + $('#selection option:selected').text().toLowerCase()).show(); 
       $('#selection').change(function() { 
        $('.op').hide(); 
        $('#' + $('#selection option:selected').text().toLowerCase()).show(); 
       }); 
       }); 
       </script> 

       <style type="text/css"> 
        #plane ,#boat,#car ,#other { 
       display: none; 
      } 
       </style> 

       </head> 
       <body> 

       options: 
       <select id='selection'> 
       <option>Pls choose</option> 
       <option value='1' id='1'>Car</option> 
       <option value='2' id='2'>Plane</option> 
       <option value='3' id='3'>Boat</option> 
       <option value=''>Other</option> 

       </select><div> 
       <div id='car' class='op'>you have chosen a car</div> 
       <div id='plane' class='op'>you have chosen a plane</div> 
       <div id='boat' class='op'>you have chosen a boat</div> 
       <div id='other' class='op'>others</div> 
      </div> 





       </body> 
      </html> 

有人可以幫助我這個,我們真的很高興te it!謝謝!

+1

究竟你「AJAX加載頁面」是什麼意思?我沒有看到實際的'get'函數的代碼(add.js也是神祕的)。爲什麼你不使用jQuery的那部分呢? – JAL

+0

它的第二個代碼,我怎麼能做到這一點在jQuery中?謝謝! – user1868185

+0

現在試試吧,再次感謝 – user1868185

回答

-2

使用jquery的live()或$(document).on()函數。

在page1上寫第page2的所有jquery函數,並使用live()或$(document).on()函數。

它會工作...

+0

你不是在談論jQuery的'.live()'函數嗎? – MackieeE

+0

我知道live()已被棄用。但是可以使用$(document).on()。 – prytsh

+0

如果我使用它會安全嗎? – user1868185