Jquey Mobile: Turn off all mobile styling for a div -
Jquey Mobile: Turn off all mobile styling for a div -
i found post, had no luck getting work me. trying implement jquery spinner on mobile page, not want have jquery mobile styles.
code:
in masterpage:
<script type="text/javascript"> $(document).bind("mobileinit", function () { $.mobile.ajaxenabled = false; $.mobile.ignorecontentenabled = true; }); $(document).on('pageinit', function () { $.mobile.silentscroll(); }); </script> <script src="scripts/jquery.mobile-1.4.2.js"></script>
control:
<td class="diary_control_cell" data-enhance="false" data-role="none"> <div data-enhance="false" id='nomobilehere'> <input type="text" name="othertravelerscounttextbox" id="othertravelerscounttextbox" value="60" min="0" max="100" runat="server" data-enhance="false" data-role="none"/> </div> </td>
though made spinner, ui created still contained within <td>
, <div>
, assume data-enhance="false"
(at to the lowest degree 1 of them) still apply. when turn off spinner, data-enhance="false"
work. there improve way turn off jquery mobile styles little portion of page?
edit resolve issue, removed jqm classes causing issue using next line (after adding id nomobilehere div containing spinner:
$('#nomobilehere').find('div').removeclass('ui-btn');
check jqm api textinput - attribute want set called data-enhanced
(you missing d).
if don't want jqm touch input, set attribute on actual element, not of it's parents.
<input data-enhanced="true" ... />
as tell jqm "the input enhanced".
should work.
jquery-mobile
Comments
Post a Comment