javascript - jQuery Mobile - Links and Radio buttons in Accordion not working -


i have site here.

when there, click on student instructions , hit help button. when tries go document (a pdf on server), page comes undefined... url document correct. when refresh page, takes me document.

why that?

here's snippet part of page...

    <div data-role="collapsible-set" data-theme="c" data-content-theme="d">          <div data-role="collapsible">             <h3><img src="images/gear.png" style="vertical-align: middle; ">student instructions...</h3>                     <ul>                         <li>+ create goarmyed account. <a href="docs/ta- goarmyed-loi-walkthrough-suo-2-15-13.pdf"><span style="font-size:12px; font-family:verdana, geneva, sans-serif;">need walkthrough?</span><img src="images/walkthrough.png" style="vertical-align: middle;"></a></li><br>                         <li>+ print statement of understanding (south university) , have signed commander.</li><br>                         <li>+ receive cost verification worksheet (cvws) , degree progress audit (dpa).</li><br>                         <li>+ upload documents goarmyed.</li><br>                         <li>+ apply tuition assistance.</li>                      </ul>         </div> 

also, you'll notice when original page, there several radio buttons appear clicked. used jquery radio button layout because it... don't know how make button clicks go away. looks terrible.

thoughts?

update - tried adding rel="external", data-ajax="false" separately , together. i'm able open document when right-click , "open link in new tab"... still doesn't open onclick though.

update 2 - tried adding following, disabled entire style sheet.

<script>     $(document).bind("mobileinit", function(){     $.mobile.ajaxlinksenabled(false);     });  </script> 

this simple google embed document.

1) create link page usual' 2) on destination page add iframe

<iframe src="http://docs.google.com/viewer?url=http://yoursite.com/folderwhereyouhideyourpdffile/yourpdffile.pdf&embedded=true" width="100%" height="100%" frameborder="0"> 

this embed document. can style up. if want, can popup or load ajax.

=============================another method use php============== instead of iframe on destination page can have this

<?php $filepdf = 'yourpdffile.pdf'; $filetitle = 'become solider';   header('content-type: application/pdf'); header('content-disposition: inline; filename="' . $filetitle . '"'); header('content-transfer-encoding: binary'); header('content-length: ' . filesize($filepdf)); header('accept-ranges: bytes');  @readfile($filepdf); ?> 

Comments

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -