javascript - my jquery pages crash when refreshed -
i developing webpages mobile using jquerymobile. have used jquery version 1.2.0, 1.8.2 js files. , have used flex sider sliding effects. when refresh pages when minor changes made crashes , blank page displayed. please help me in regard.
here html code:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <html lang="en"> <head> <title>shock wave 4</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="stylesheet" href="jquery/mobile1.2.0.css" /> <script src="jquery/jquery1.8.2.js"></script> <script src="jquery/jquery1.2.0.js"></script> <link rel="stylesheet" type="text/css" href="test.css" /> <link rel="stylesheet" type="text/css" href="jquery/shock.css"/> <link rel="stylesheet" href="flexslider.css" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script> <script src="jquery.flexslider.js"></script> <script type="text/javascript" charset="utf-8"> $(window).load(function() { $('.flexslider').flexslider({ }); }); </script> </head> <body> <div data-role="page" id="project" style="background:url('image_bg_inner.png'); background- repeat: repeat; background-color: #b00c0b; background-position:center;" > <div data-role="header"> <h1>craze style</h1> <a ="button back" data-rel="back" data-icon="arrow-l"></a> </div> <div class="flexslider"> <ul class="slides"> <li> <img src="style_card_1.png"/> </li> <li> <img src="style_card_2.png"/> </li> </ul> </div> <hr> <img src="product.png" alt="no image displayed"/> <hr> <img src="app_store.png" width="146px" height="124px"/> <img src="social.png" width="146px" height="124px"/> <hr> <div id="footer"> <a href="#terms & conditons"><font color="white">terms & conditons</font></a> <a href="#privacy"><font color="white">privacy</font></a> </div> </div> </body> </html> javascript jquery-mobile slider flexslider
No comments:
Post a Comment