Response title
This is preview!
- Screen name: ccouper
ccouper's Profile
15 Posts
40 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- Up until recently I used this in CSS to prevent copying in my app, but it no longer seems to work and I am not sure why.
- body {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -webkit-tap-highlight-color: transparent;
- }
- I have a dynamic created listview that I refresh after loading.The CSS for the ul is:overflow-y: scroll;-webkit-overflow-scrolling: touch;On an iPhone SE that exceeds the list space all items are loaded but for some reason the last line is blank. If the users touches the last line the text appears.Thoughts?
- 21-Feb-2018 11:52 AM
- Forum: jQuery Mobile
Google recently moved to Maps API V3.31. Now in Safari if I select the Back button on any page it does not respond on the first tap. The second tap does seem to work.- <a href="#" data-rel="back" class="header-btn ui-btn-left"><img src="css/images/white/765-arrow-left.png" />Back</a>
But then any panel (popup, page) that gets closed always goes to the main panel. This does not happen in Chrome.And it does not make any difference if its the page the map is on. Just having the API loaded causes the issue. API V3.30 does not exhibit this problem.Anyone have any ideas?- I am using jqm with Cordova. When a local page loads jqm uses GET but returns the content along with a status of 0. This is seen in the logging app I am using as an error (it was expecting a status = 200 for a GET).I saw this item in the docs but it did not make any difference:
- $.ajaxPrefilter( function(options, originalOptions, jqXHR) {
- if ( applicationCache &&
- applicationCache.status != applicationCache.UNCACHED &&
- applicationCache.status != applicationCache.OBSOLETE ) {
- // the important bit
- options.isLocal = true;
- }
- });
- If you open the jQuery Mobile demo page on iOS and then go to the bottom of the page and press and drag the panel, the entire panel moves up revealing a gray background. If you let go it then springs back. This of course happens in jquery mobile apps too and frustrates users.Is there a way to prevent this from happening?Note this does not do this in Android devices.
- I want to change the listview item icon from data-icon="false" to data-icon="check" for example dynamically. I have tried many way but while I can query the selector after I set it and it has changed, the actual element does not get an icon. Using jqm 1.45.
- <ul data-role="listview" id=test">
- <li data-icon="false">Line Item</li>
- </ul>
- $( "#test li" ).listview("option", "icon", "check");
- $( "#test" ).listview("refresh");
- On the demo pages, for example:If you select the View Source button and then try to select the source it won't high lite the text.You have to double click in order for the text to be selectable and then when you select the sample text, a lot of non breaking space characters are embedded.This makes copying source very difficult.This was not the case prior to 1.4.5.
- Tried on Google Chrome and I cannot get the selectcreate event to fire.Using 1.4.3 jqm
- $('body').on('selectcreate', function() {
- alert('selectcreate triggered')
- })
-
- <select data-native-menu="false">
- <option>Option</option>
- <option>Option</option>
- </select>
Tried with an ID too.- http://demos.jquerymobile.com/1.4.3/filterable/Tried and failed on both iPhone 4 and iPad 2 using iOS 7Tried the select filter and none of the items were filtered. Works on Chrome on windows OK.
- I have added a dynamic collapsible set via jquery load in my content division. The data is loaded correctly and I can show the page with$(':mobile-pagecontainer').pagecontainer('change', '#tablet_frame', {transition: 'slide',changeHash: false,reverse: true,showLoadMsg: true});where #tablet_frame is the id of the page. Unfortunately the content is not enhanced and the set is not collapsed.I have tried both (where append_tab_data is the place the set was loaded):$('#append_tab_data').enhanceWithin();and$('#append_tab_data').trigger('create");and neither enhances the set.Any thoughts on how this should work in 1.42?
- I am trying to eliminate or reduce the right padding on the flipswitch widget. For some reason jqm tries to keep a huge amount of whitespace between the toggle element and the screen edge. So when you reduce the window with it automatically places the toggle below the text way before you run out of whitespace to the right of the toggle.
Is there a way to have jqm (using 1.4) only adjust the flow of the flipswitch when it runs out of whitespace on the widest elements for example?- 03-Jan-2014 06:31 PM
- Forum: jQuery Mobile
I am trying to create a jqm 1.4 application with require and backbone. I have run into issues with change pages, especially the use of a back button.What is the current recommended way of dealing with changing or going back on pages in this environment?I noticed some older posts referencing jquerymobile-router plugin. Is that still a requirement with jqm 1.4 and if so is there a working example?- 27-Dec-2012 04:05 PM
- Forum: jQuery Mobile
I have routine to automatically go back a page when a function is called. It works nicely in the desktop version of Chrome on my JQM application. But on iOS 6.01 (iPhone 4 and iPad 2) the history.back() does not work. I verified that the function is called with an alert statement just before the call to history.back.files: jqm is jquery.mobile-1.2.0.min.js and jq is jquery-1.8.2.min.js- I am struggling with the basics of a persistent footer in my jqm application. Each page of the application is a separate file.I want the footers to all behave the same. For example if I change the active state to the second button I want all pages to show that state when they are loaded. Today only the active page is set and all the other pages reflect the state they were coded at (ie the first being active).I am using jqm 1.2.0 and jq 1.8.2.They all share the same footer:
- <div data-theme="a" data-role="footer" class="footer" data-id="foo1" data-position="fixed">
- <ul>
- <li><a class="filter_lock ui-btn-active ui-state-persist" data-icon="custom" href="#">Unfiltered</a></li>
- <li><a class="filter_home" data-icon="custom" href="#">Room</a></li>
- <li><a class="filter_artist" data-icon="custom" href="#">Artist</a></li>
- <li><a class="filter_artwork" data-icon="custom" href="#">Artwork</a></li>
- <li><a class="filter_style" data-icon="custom" href="#">Style</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
- 15-Dec-2012 02:42 AM
- Forum: jQuery Mobile
I have a jquery mobile application that I dynamically build an image map for. It has fixed headers and footers.When I select an area using Chrome on the desktop it seems to be fine and the transitions are as expected between pages of an internal application.However if I use the application on a WebApp (fixed to home screen) on iOS6 iPhone then when I select an image map area it behaves like I called an external page. I loose the smooth transition of the fixed toolbar and footers and I now see the Safari address bar and the normal Safari footer. In short my area links behave like they are calling a external web page. Of course I also loose the ability to use the Back button on my header.Another odd bit is that even though I wrote the order as:pageheadercontentimage mapfooterEven the desktop the order is:pagecontentimage mapheaderfooter
© 2013 jQuery Foundation
Sponsored by
and others.