Issues with photoswipe and Ajax

Issues with photoswipe and Ajax

The following is code of my page. The Colorbox Functionality works if i test the page individually but breaks down on the device.Basically its an multi tabbed page and the present tab holds the image.

Can anybody please let me know why?
  2. <!DOCTYPE html>

  4. <html >
  5.     <head>
  6.         <title>
  7.             Temp1
  8.         </title>
  9.         <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.css" />
  10. <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  11. <script src="http://code.jquery.com/mobile/1.2.0-rc.2/jquery.mobile-1.2.0-rc.2.min.js"></script>
  12.                     
  13.             <script src="js/lightbox.js"></script>
  14.             <link href="css/lightbox.css" rel="stylesheet" />
  15.         
  16.     </head>



  20. <body>

  22. <div data-role="page" data-add-back-btn="true">
  23.      
  24.     <div data-role="header" data-position="fixed" data-id="headernav">
  25.             <h1>Temp Heading</h1>  
  26.              <a href="index.html" class="ui-btn-left" data-icon="home">Home</a>


  29.             <div data-role="navbar">
  30.                <ul>
  31.                     <li>
  32.                         <a href="TempDescription.html" data-transition="slide" ><b>Temp Description</b></a>
  33.                     </li>
  34.                     <li>
  35.                         <a href="Tempillustration.html" data-transition="slide" class="ui-btn-active ui-state-persist" ><b>Temp Illustration</b></a>
  36.                     </li>
  37.                     <li>
  38.                         <a href="Equipment.html" data-transition="slide"><b>Equipment</b></a>
  39.                     </li>
  40.                     <li>
  41.                         <a href="Indications.html" data-transition="slide" ><b>Indications</b></a>
  42.                     </li>                  
  43.                       <li>
  44.                         <a href="TempComplications.html" data-transition="slide" ><b>Temp Complications</b></a>
  45.                     </li>
  46.                     
  47.                     
  48.                     
  49.                 </ul>
  50.             </div>
  51.         </div>
  52.     
  53.      <div data-role="content" id="webdev">
  54.          <img src="Picture1.jpg" />
  55.         <!-- <div id="demo-yl-ca">
  56.    <a href="images/Step1.jpg" rel="lightbox[roadtrip]" title="my caption1"><img src="images/thumb/Step1.jpg" width="150" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
  57.     <a href="images/Step2.jpg" rel="lightbox[roadtrip]" title="my caption2"><img src="images/thumb/Step2.jpg" width="150" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
  58.     <a href="images/Step3.jpg" rel="lightbox[roadtrip]" title="my caption3"><img src="images/thumb/Step3.jpg" width="150" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
  59.     <a href="images/Step4.jpg" rel="lightbox[roadtrip]" title="my caption4"><img src="images/thumb/Step4.jpg" width="150" height="150" alt="Plants: image 1 0f 4 thumb" /></a>
  60.    </div>
  61.               <div data-role="popup" id="demo-yl-de" data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content">

  63.     <iframe src="http://player.vimeo.com/video/41135183" width="497" height="298" seamless ></iframe>
  64. </div> -->
  65. </div>

  67. <div data-role="footer" data-position="fixed" data-id="footernav">
  68.                
  69.            <p>Footer</p>
  70. </div>
  71.     </div>
  72.    
  73.             </body>
  74.     
  75.     
  76.     <!--<script>
  77.         $("body").append(html)
  78.     </script>-->

  80. </html>