jQuery Mobile sliding panel and checkbox issue on iPhone/iPad -


has come across problem?

mixing jquery sliding panel , jquery vertical checkbox list on same page on iphone or ipad causes checkbox list behave strangely.

each works fine on own problem occurs when both on same page.

regards.

i've added code show problem. commenting out panel makes checkbox list work expected.

<!doctype html> <html> <head>      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />     <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>     <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>  </head> <body>      <div data-role="page" id="move">          <div data-role="panel" id="defaultpanel">             <div class="panel-content">                 <ul data-role="listview">                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                     <li>                         <a href="#" data-icon="custom" data-transition="none">test</a></li>                 </ul>             </div>         </div>          <div data-role="fieldcontain">             <fieldset data-role="controlgroup">                 <legend>choose many snacks you'd like:</legend>                 <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />                 <label for="checkbox-1a">cheetos</label>                  <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />                 <label for="checkbox-2a">doritos</label>                  <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />                 <label for="checkbox-3a">fritos</label>                  <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />                 <label for="checkbox-4a">sun chips</label>             </fieldset>         </div>      </div> </body>


Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

jquery - How would i go about shortening this code? And to cancel the previous click on click of new section? -

my code below changes image people in team sector, can see theres alot of repeated code; there way shorten it? also currently, allows click on sections without turning off clicked one; assume toggle() function, couldn't work other way! still quite new jquery coding, grand!! cheers in advance! $("#team_client_services").click(function () { if ($(".team_client_services").hasclass("team_hide")) { $(".team_client_services").toggleclass("team_hide"); $(".team_client_services2").toggleclass("team_show"); } else { $(".team_client_services").toggleclass("team_hide"); $(".team_client_services2").toggleclass("team_show"); }; }); $("#team_management").click(function () { if ($(".team_management").hasclass("team_hide")) { $(".team_management").toggleclass("team_hide"); $(".team_management2...
Read more