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
Post a Comment