2013-09-26 3 views
0

Привет, у меня проблема с загрузкой страницы другой страницы У меня есть страница a и страница b со страницей a, она имеет ajax, который загружает страницу b, а страница b загружает и запускает jquery отлично до тех пор, пока я не нажму на страницу a, а затем jquery на странице b, похоже, не сможет мне помочь с этим?jquery, похоже, не загружается после загрузки страницы в 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; 
      } 
     } 

СТР 1, загружающий AJAX И второй странице

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

СТР 2, что страница 1 НАГРУЗКИ С РАБОЧЕЙ Jquery ЕСЛИ нагружен IT SELF НО не работает после того, как 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> 

Может кто-то помочь мне с этим, и мы действительно ценим Те это! и спасибо!

+1

Что именно вы имеете в виду под "AJAX загружает страницу? Я не вижу код для фактической функции get (add.js также таинственна). Почему вы не используете jquery для этой части? – JAL

+0

его на втором коде, а также как я могу это сделать в jquery? благодаря! – user1868185

+0

плохо попробуйте сейчас и еще раз спасибо – user1868185

ответ

-2

Используйте функцию live() или $ (document) .on() функции jquery.

напишите все функции jquery страницы 2 на стр. 1 и используйте функции live() или $ (document) .on().

он будет работать ...

+0

Вы не говорите о функции '.live()' jQuery? – MackieeE

+0

Я знаю, что live() устарел. но вы можете использовать $ (document) .on(). – prytsh

+0

если я использую это, это будет безопасно? – user1868185

Смежные вопросы