salve,
stò provando a fare una webapp con jquery mobile.
Ho fatto un div di ricerca che appare e scompare al click di un pulsante.
Grazie a jquery questo input di ricerca filtra automaticamente il contenuto di un div.
Il problema sorge nel momento in cui viene premuto il tasto invio. La pagina viene ricaricata e il pulsante per far apparire il div di ricerca non funziona più.
Vi scrivo il codice della mia pagina:
Ringrazio in anticipo aogni aiuto possibile.codice:<!DOCTYPE html> <html> <head> <meta name="robots" content="noindex"> <meta name="googlebot" content="noindex"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="css/jqm_1.4.2/jquery.mobile.theme-1.4.2.min.css"/> <link rel="stylesheet" href="css/jqm_1.4.2/jquery.mobile.icons-1.4.2.min.css"/> <link rel="stylesheet" href="css/jquery.mobile.structure-1.4.2.min.css"/> <link rel="stylesheet" href="css/mobijq.css"/> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery.mobile-1.4.2.min.js"></script> <script src="js/jquery.mobijq.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var clicked=true; $("#ricerca").on('click', function(){ if(clicked) { clicked=false; // $("#ricerca_box").css({"display": "block"}); $("#search_clienti").focus(); } else { clicked=true; $("#ricerca_box").css({"display": "none"}); } }); }); </script> </head> <body> <div data-role="page" id="page1" data-title="<?php echo $sito_internet . ' vers. ' . $vers ?>" data-theme="c" style="background-repeat:repeat repeat;"> <div data-role="header" data-theme="a" data-fullscreen="false" data-position="false" data-tap-toggle="true" data-track-persistent-toolbars="true"> <a id="ricerca" class="ui-btn-right" href="">Cerca</a> </div> <div role="main" class="ui-content"> <div id="main" > <div id="ricerca_box" class="ui-body ui-body-e " style="width:99%;margin:auto;padding:0px;;background-repeat:repeat repeat;"> <form><input type="text" data-type="search" id="search_clienti" /></form> </div> <h2 style="text-align:center;">Lista</h2> <ul data-role="listview" data-input="#search_clienti" data-filter="true"> <li><table><tr><td width="400">Acura</td><td>080394</td><td>bari</td></tr></table></li> <li><table><tr><td width="400">ciccio</td><td>080347</td><td>giovinazzo</td></tr></table></li> <li><table><tr><td width="400">cappuccio</td><td>088343432</td><td>ruvo</td></tr></table></li> <li><table><tr><td width="400">pinco</td><td>0623423</td><td>giovinazzo</td></tr></table></li> <li><table><tr><td width="400">pallino</td><td>02766565454</td><td>giovinazzo</td></tr></table></li> <li><table><tr><td width="400">ignazio</td><td>0803948764</td><td>bari</td></tr></table></li> <li><table><tr><td width="400">rento</td><td>0803946298</td><td>molfetta</td></tr></table></li> <li><table><tr><td width="400">C.S.S. Informatica di Barresi Ignazo</td><td>0803941587</td><td>molfetta</td></tr></table></li> <li><table><tr><td width="400">ciccillo</td><td>08046430892</td><td>bari</td></tr></table></li> </ul> </div> </div> </div> </div> </body> </html>
Rispondi quotando