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

Popular posts from this blog

matlab - Deleting rows with specific rules -

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