jquery - HTML5 Application Cache - Javascript not working -
jquery - HTML5 Application Cache - Javascript not working -
i'm writing web app used offline on ios. http://www.addictedtocolors.com/pba/pba_eng.html
it's caching (html, images, css, js) it's not executing jquery.
i can't undertand what's wrong , can't figure out solution.
here's html
<!doctype html> <html manifest="offline.appcache"> <head> <meta charset="utf-8" /> <title>pba</title> <link type="image/x-icon" rel="shortcut icon" href="img/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <!-- ipad (retina) icon--> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="icon/pba-icon-144x144.png" /> <!-- iphone (retina) icon--> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="icon/pba-icon-114x114.png" /> <!-- ipad icon--> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="icon/pba-icon-72x72.png" /> <!-- iphone icon --> <link rel="apple-touch-icon-precomposed" href="icon/pba-icon-57x57.png" /> <!-- iphone splashscreen--> <link href="icon/pba-startup-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image"> <!-- iphone (retina) splashscreen--> <link href="icon/pba-startup-640x920.png" media="(device-width: 320px) , (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> <!-- ipad (portrait) splashscreen--> <link href="icon/pba-startup-768x1004.png" media="(device-width: 768px) , (orientation: portrait)" rel="apple-touch-startup-image"> <!-- ipad (landscape) splashscreen--> <link href="icon/pba-startup-1024x748.png" media="(device-width: 768px) , (orientation: landscape)" rel="apple-touch-startup-image"> <!-- ipad (retina, portrait) splashscreen--> <link href="icon/pba-startup-1536x2008.png" media="(device-width: 1536px) , (orientation: portrait) , (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> <!-- ipad (retina, landscape) splashscreen--> <link href="icon/pba-startup-2048x1496.png" media="(device-width: 1536px) , (orientation: landscape) , (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> <!--[if lt ie 9]><script src="js/html5shiv.js"></script><![endif]--> <!--[if lte ie 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]--> <link rel="stylesheet" href="css/1140.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" /> </head> <body> <div class="container"> <div class="row"> <div class="twelvecol"> <ul class="rslides"> <li> <a href="img/pagina2/pag_2_1.jpg" class="fancy zoom" id="zoom_2_1">zoom 1</a> <a href="img/pagina2/pag_2_2.jpg" class="fancy zoom small" id="zoom_2_2">zoom 2</a> <a href="img/pagina2/pag_2_3.jpg" class="fancy zoom small" id="zoom_2_3">zoom 3</a> <a href="img/pagina2/pag_2_4.jpg" class="fancy zoom" id="zoom_2_4">zoom 4</a> <a href="img/pagina2/pag_2_5.jpg" class="fancy zoom small" id="zoom_2_5">zoom 5</a> <a href="img/pagina2/pag_2_6.jpg" class="fancy zoom small" id="zoom_2_6">zoom 6</a> <a href="img/pagina2/pag_2_7.jpg" class="fancy zoom" id="zoom_2_7">zoom 7</a> <a href="img/pagina2/pag_2_8.jpg" class="fancy zoom small" id="zoom_2_8">zoom 8</a> <a href="img/pagina2/pag_2_9.jpg" class="fancy zoom small" id="zoom_2_9">zoom 9</a> <img src="img/pba_eng_2.jpg" alt="" /> </li> <li> <a href="img/pagina3/pag_3_1.jpg" class="fancy zoom" id="zoom_3_1">zoom 1</a> <a href="img/pagina3/pag_3_2.jpg" class="fancy zoom" id="zoom_3_2">zoom 2</a> <a href="img/pagina3/pag_3_3.jpg" class="fancy zoom" id="zoom_3_3">zoom 3</a> <a href="img/pagina3/pag_3_4.jpg" class="fancy zoom" id="zoom_3_4">zoom 4</a> <a href="img/pagina3/pag_3_5.jpg" class="fancy zoom" id="zoom_3_5">zoom 5</a> <a href="img/pagina3/pag_3_6.jpg" class="fancy zoom" id="zoom_3_6">zoom 6</a> <img src="img/pba_eng_3.jpg" alt="" /> </li> <li> <a href="img/pagina4/pag_4_1.jpg" class="fancy zoom" id="zoom_4_1">zoom 1</a> <a href="img/pagina4/pag_4_2.jpg" class="fancy zoom small" id="zoom_4_2">zoom 2</a> <a href="img/pagina4/pag_4_3.jpg" class="fancy zoom small" id="zoom_4_3">zoom 3</a> <a href="img/pagina4/pag_4_4.jpg" class="fancy zoom small" id="zoom_4_4">zoom 4</a> <a href="img/pagina4/pag_4_5.jpg" class="fancy zoom small" id="zoom_4_5">zoom 5</a> <a href="img/pagina4/pag_4_6.jpg" class="fancy zoom" id="zoom_4_6">zoom 6</a> <a href="img/pagina4/pag_4_7.jpg" class="fancy zoom small" id="zoom_4_7">zoom 7</a> <a href="img/pagina4/pag_4_8.jpg" class="fancy zoom small" id="zoom_4_8">zoom 8</a> <a href="img/pagina4/pag_4_9.jpg" class="fancy zoom small" id="zoom_4_9">zoom 9</a> <a href="img/pagina4/pag_4_10.jpg" class="fancy zoom small" id="zoom_4_10">zoom 10</a> <a href="img/pagina4/pag_4_11.jpg" class="fancy zoom" id="zoom_4_11">zoom 11</a> <a href="img/pagina4/pag_4_12.jpg" class="fancy zoom small" id="zoom_4_12">zoom 12</a> <a href="img/pagina4/pag_4_13.jpg" class="fancy zoom small" id="zoom_4_13">zoom 13</a> <a href="img/pagina4/pag_4_14.jpg" class="fancy zoom small" id="zoom_4_14">zoom 14</a> <a href="img/pagina4/pag_4_15.jpg" class="fancy zoom small" id="zoom_4_15">zoom 15</a> <img src="img/pba_eng_4.jpg" alt="" /> </li> <li> <a href="img/pagina7/pag_7_1-2-3.jpg" class="fancy zoom" id="zoom_7_1">zoom 1</a> <a href="img/pagina7/pag_7_1-2-3.jpg" class="fancy zoom" id="zoom_7_2">zoom 2</a> <a href="img/pagina7/pag_7_1-2-3.jpg" class="fancy zoom" id="zoom_7_3">zoom 3</a> <a href="img/pagina7/pag_7_4.jpg" class="fancy zoom" id="zoom_7_4">zoom 4</a> <a href="img/pagina7/pag_7_5.jpg" class="fancy zoom" id="zoom_7_5">zoom 5</a> <a href="img/pagina7/pag_7_6-7.jpg" class="fancy zoom" id="zoom_7_6">zoom 6</a> <a href="img/pagina7/pag_7_6-7.jpg" class="fancy zoom" id="zoom_7_7">zoom 7</a> <a href="img/pagina7/pag_7_8.jpg" class="fancy zoom" id="zoom_7_8">zoom 8</a> <a href="img/pagina7/pag_7_9.jpg" class="fancy zoom" id="zoom_7_9">zoom 9</a> <a href="img/pagina7/pag_7_10.jpg" class="fancy zoom" id="zoom_7_10">zoom 10</a> <a href="img/pagina7/pag_7_11.jpg" class="fancy zoom" id="zoom_7_11">zoom 11</a> <a href="img/pagina7/pag_7_12.jpg" class="fancy zoom" id="zoom_7_12">zoom 12</a> <img src="img/pba_eng_7.jpg" alt="" /> </li> <li> <a href="img/pagina6/pag_6_1.jpg" class="fancy zoom small" id="zoom_6_1">zoom 1</a> <a href="img/pagina6/pag_6_2.jpg" class="fancy zoom small" id="zoom_6_2">zoom 2</a> <a href="img/pagina6/pag_6_3.jpg" class="fancy zoom small" id="zoom_6_3">zoom 3</a> <a href="img/pagina6/pag_6_4.jpg" class="fancy zoom small" id="zoom_6_4">zoom 4</a> <a href="img/pagina6/pag_6_5.jpg" class="fancy zoom small" id="zoom_6_5">zoom 5</a> <a href="img/pagina6/pag_6_6.jpg" class="fancy zoom small" id="zoom_6_6">zoom 6</a> <a href="img/pagina6/pag_6_7.jpg" class="fancy zoom small" id="zoom_6_7">zoom 7</a> <a href="img/pagina6/pag_6_8.jpg" class="fancy zoom small" id="zoom_6_8">zoom 8</a> <a href="img/pagina6/pag_6_9.jpg" class="fancy zoom small" id="zoom_6_9">zoom 9</a> <a href="img/pagina6/pag_6_10.jpg" class="fancy zoom small" id="zoom_6_10">zoom 10</a> <a href="img/pagina6/pag_6_11.jpg" class="fancy zoom small" id="zoom_6_11">zoom 11</a> <a href="img/pagina6/pag_6_12.jpg" class="fancy zoom small" id="zoom_6_12">zoom 12</a> <a href="img/pagina6/pag_6_13.jpg" class="fancy zoom small" id="zoom_6_13">zoom 13</a> <a href="img/pagina6/pag_6_14.jpg" class="fancy zoom small" id="zoom_6_14">zoom 14</a> <a href="img/pagina6/pag_6_15.jpg" class="fancy zoom small" id="zoom_6_15">zoom 15</a> <a href="img/pagina6/pag_6_16.jpg" class="fancy zoom small" id="zoom_6_16">zoom 16</a> <a href="img/pagina6/pag_6_17.jpg" class="fancy zoom small" id="zoom_6_17">zoom 17</a> <a href="img/pagina6/pag_6_18.jpg" class="fancy zoom small" id="zoom_6_18">zoom 18</a> <a href="img/pagina6/pag_6_19.jpg" class="fancy zoom small" id="zoom_6_19">zoom 19</a> <a href="img/pagina6/pag_6_20.jpg" class="fancy zoom small" id="zoom_6_20">zoom 20</a> <a href="img/pagina6/pag_6_21.jpg" class="fancy zoom small" id="zoom_6_21">zoom 21</a> <a href="img/pagina6/pag_6_22.jpg" class="fancy zoom small" id="zoom_6_22">zoom 22</a> <a href="img/pagina6/pag_6_23.jpg" class="fancy zoom small" id="zoom_6_23">zoom 23</a> <a href="img/pagina6/pag_6_24.jpg" class="fancy zoom small" id="zoom_6_24">zoom 24</a> <img src="img/pba_eng_6.jpg" alt="" /> </li> <li> <a href="img/pagina5/pag_5_1.jpg" class="fancy zoom big" id="zoom_5_1">zoom 1</a> <a href="img/pagina5/pag_5_2.jpg" class="fancy zoom big" id="zoom_5_2">zoom 2</a> <a href="img/pagina5/pag_5_3.jpg" class="fancy zoom big" id="zoom_5_3">zoom 3</a> <a href="img/pagina5/pag_5_4.jpg" class="fancy zoom big" id="zoom_5_4">zoom 4</a> <img src="img/pba_eng_5.jpg" alt="" /> </li> <li> <a href="img/pagina8/pag_8_1.jpg" class="fancy zoom" id="zoom_8_1">zoom 1</a> <img src="img/pba_eng_8.jpg" alt="" /> </li> <li> <a href="img/pagina9/pag_9_1.jpg" class="fancy zoom" id="zoom_9_1">zoom 1</a> <img src="img/pba_eng_9.jpg" alt="" /> </li> <li> <a href="pba_ita.html" class="ita">italiano</a> <a href="pba_eng.html" class="eng">english</a> <img src="img/pba_cover.jpg" alt="" /> </li> </ul> </div> </div> </div> <script src="js/jquery.min.js"></script> <script src="js/responsiveslides.min.js"></script> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/debug.js"></script> <script> $(window).load(function(){ settimeout(function(){ window.scrollto(0, 1); }, 0); }); $(function () { $(".rslides").responsiveslides({ auto: false, pager: false, nav: true, speed: 500 }); }); $(document).ready(function() { $(".fancy").fancybox({ padding: 0, openeffect : 'fade', openspeed : 250, closeeffect : 'fade', closespeed : 250, closeclick : true }); }); </script> and offline.appcache
cache manifest #vers. 1.0 cache: index.html pba_eng.html pba_ita.html css/1140.css css/styles.css js/jquery.fancybox.pack.js js/jquery.min.js js/responsiveslides.min.js js/debug.js icon/pba-icon-57x57.png icon/pba-icon-72x72.png icon/pba-icon-114x114.png icon/pba-icon-144x144.png icon/pba-startup-320x460.png icon/pba-startup-640x920.png icon/pba-startup-768x1004.png icon/pba-startup-1024x748.png icon/pba-startup-1536x2008.png icon/pba-startup-2048x1496.png img/blank.gif img/fancybox_loading.gif img/shim.gif img/themes.gif img/fancybox_sprite.png img/favicon.ico img/pba_cover.jpg img/pba_eng_2.jpg img/pba_eng_3.jpg img/pba_eng_4.jpg img/pba_eng_5.jpg img/pba_eng_6.jpg img/pba_eng_7.jpg img/pba_eng_8.jpg img/pba_eng_9.jpg img/pba_ita_2.jpg img/pba_ita_3.jpg img/pba_ita_4.jpg img/pba_ita_5.jpg img/pba_ita_6.jpg img/pba_ita_7.jpg img/pba_ita_8.jpg img/pba_ita_9.jpg img/pagina2/pag_2_1.jpg img/pagina2/pag_2_2.jpg img/pagina2/pag_2_3.jpg img/pagina2/pag_2_4.jpg img/pagina2/pag_2_5.jpg img/pagina2/pag_2_6.jpg img/pagina2/pag_2_7.jpg img/pagina2/pag_2_8.jpg img/pagina2/pag_2_9.jpg img/pagina3/pag_3_1.jpg img/pagina3/pag_3_2.jpg img/pagina3/pag_3_3.jpg img/pagina3/pag_3_4.jpg img/pagina3/pag_3_5.jpg img/pagina3/pag_3_6.jpg img/pagina4/pag_4_1.jpg img/pagina4/pag_4_2.jpg img/pagina4/pag_4_3.jpg img/pagina4/pag_4_4.jpg img/pagina4/pag_4_5.jpg img/pagina4/pag_4_6.jpg img/pagina4/pag_4_7.jpg img/pagina4/pag_4_8.jpg img/pagina4/pag_4_9.jpg img/pagina4/pag_4_10.jpg img/pagina4/pag_4_11.jpg img/pagina4/pag_4_12.jpg img/pagina4/pag_4_13.jpg img/pagina4/pag_4_14.jpg img/pagina4/pag_4_15.jpg img/pagina5/pag_5_1.jpg img/pagina5/pag_5_2.jpg img/pagina5/pag_5_3.jpg img/pagina5/pag_5_4.jpg img/pagina6/pag_6_1.jpg img/pagina6/pag_6_2.jpg img/pagina6/pag_6_3.jpg img/pagina6/pag_6_4.jpg img/pagina6/pag_6_5.jpg img/pagina6/pag_6_6.jpg img/pagina6/pag_6_7.jpg img/pagina6/pag_6_8.jpg img/pagina6/pag_6_9.jpg img/pagina6/pag_6_10.jpg img/pagina6/pag_6_11.jpg img/pagina6/pag_6_12.jpg img/pagina6/pag_6_13.jpg img/pagina6/pag_6_14.jpg img/pagina6/pag_6_15.jpg img/pagina6/pag_6_16.jpg img/pagina6/pag_6_17.jpg img/pagina6/pag_6_18.jpg img/pagina6/pag_6_19.jpg img/pagina6/pag_6_20.jpg img/pagina6/pag_6_21.jpg img/pagina6/pag_6_22.jpg img/pagina6/pag_6_23.jpg img/pagina6/pag_6_24.jpg img/pagina7/pag_7_1-2-3.jpg img/pagina7/pag_7_4.jpg img/pagina7/pag_7_5.jpg img/pagina7/pag_7_6-7.jpg img/pagina7/pag_7_8.jpg img/pagina7/pag_7_9.jpg img/pagina7/pag_7_10.jpg img/pagina7/pag_7_11.jpg img/pagina7/pag_7_12.jpg img/pagina8/pag_8_1.jpg img/pagina9/pag_9_1.jpg any advice welcome. thanks
doesn't jquery's load function execute ajax-call ? http://api.jquery.com/load/
when entering homepage
$(window).load(function(){ settimeout(function(){ window.scrollto(0, 1); }, 0); }); does nil in console. it's responding, jquery there.
maybe seek clear cache (chrome://appcache-internals/).
jquery html5
Comments
Post a Comment