jquery mobile app closes in android
Hi I have developed the android app using jquery mobile with phonegap.When i continuously started to use the app,suddenly after it reach 60MB my app closed and showing JNI error in the logcat.Please guide me where i am wrong?.Please help me to solve this problem.
jQuery Mobile in a large page (2mb)
I'm converting a legacy application to be mobile friendly and using jQuery Mobile. So far so good until I found this large page (2MB) where browser hangs when it loads. If I remove the jQuery Mobile references from the page, it loads without a problem. So I'm guessing it hangs when it re-write the DOM with jQuery Mobile styles. But most of the controls (80%) are "display:none;" at the page load; Is there a way to jQuery Mobilize only the controls that are visible at the page load? This is a badly
Re-use transition code to only transition the ui-content section.
Does anyone know if it's possible to use the jQuery Mobile transition code to only animate the content section of a page? I have a panel with a list of links. When the user selects an item I load the content html via ajax and would like it to transition into the content div without touching the fixed header, footer, and panel.
jqm footprint
Hi, jqm download page says: Minified and Gzipped: jquery.mobile-1.3.0.min.js (24KB, ready to deploy) Minified and Gzipped with Default theme: jquery.mobile-1.3.0.min.css (7KB, ready to deploy) I can not reproduce this: jquery.mobile-1.3.0.min.js is 41 KB and jquery.mobile-1.3.0.min.css is 13 KB compressed with gzip! How comes there is such a big difference?
Memory leak in jquerymobile
Hi I have developed application using jquery mobile 1.2.0.When I am moving from one page to another page memory is increased each time. How to control the memory leak or reduce the memory? please guide me thanks nathiya
layout broken when refreshing
Hello guys, I tried to load the news feeds from Reuter website to my jquery mobile application. Everything works fine except that when I pressed refresh button- F5 many times, the css layout of my page got broken. You can see the link to understand really what happened https://dl.dropbox.com/u/48168281/forum.png https://dl.dropbox.com/u/48168281/forum1.png Thanks for your consideration, Best Regards,
stopping the url bar from dropping down - i discovered a workaround
if you remove the "href="#" or href="myurl" from the HTML or dynamically generated listItems and instead deal with it in a click listener calling mobile.changePage, the url bar does not drop down. this is annoying to have to do this in code, but the dropdown is more annoying and ruins the feeling of an app. examples of workaround $(btnExercise).click(function() { $.mobile.changePage("#exercisePage", defaultTransition, false, true); }); when dynamically generating a list, if i use <a href="#"...>
Can't bind in my own themes since yesterday
Hi all, i have made my own theme with the themeroller and bind it into my source successfully.: <link rel="stylesheet" href="/themes/MY_OWN_theme.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" /> This works fine in the past. Since yesterday it does not work without changing the code. The buttons, slider, ... are no longer displayed. Only if I ignore my own theme: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
Form submit empties DOM when using AJAX
Hi! I have an issue when using ajax on a self-submitting form. If I turn off AJAX, everything works fine. I can see the response is returning the HTML fine, but the DOM is emptied instead of inserting returning HTML. Anyone had similar issues? You can see it live here http://tinyurl.com/ak7kxx2 P.S: AJAX is turned off, so you need to use your firebug/dom-inspector to change the data-ajax attribute on the form from "false" to "true" before submitting.
Can a split listview be split multiple times?
Hello, I'm using jQuery Mobile 1.3.0 RC1. I see that a listview can be split according to these docs: http://jquerymobile.com/demos/1.3.0/docs/widgets/listviews/ under the Split Buttons heading. That example shows the list items split into two buttons. My question: Can the list items be split into multiple items of more than two? I want to have the "text part" as shown in that example, and then three buttons after it, instead of the one button shown in the example. Along with that, can I mix
Fixed Toolbar usage. data-hide-during-focus
We have recently come across an issue with our fixed toolbars with the 1.3 upgrade. On iOS devices after the upgrade, we noticed that our fixed headers were hiding when we would tap on input fields on the page. To fix this we had to do some digging and found the data-hide-during-focus attribute and set it to an empty string. This allowed our headers to stay fixed, and also improved some performance issues on the page. <div data-role="header" data-position="fixed" data-tap-toggle="false" data-hide-during-focus=""></div>
data-position bottom for panels
I am using the panel widget in the web app I am developing. http://api.jquerymobile.com/panel/ I look forward to when these can be used outside of the page structure (so that I can include the panel once (it is used for navigation of my app) in a multipage app). However, I would like to make use of other panels and it would be great if I could animate these in using the overlay from the bottom of the page - much like a modal view controller in iOS development. I think this would be great for quick
JQM 1.3.0. Panel
$('#panel').live('pagecreate', function() { $('#defaultpanel').panel("open"); .... } caused this: Uncaught Error: cannot call methods on panel prior to initialization; attempted to call method 'open' at http://code.jquery.com/jquery-1.8.2.min.js:2 Any suggestions? Thanks in advance
Width of text input in JQM 1.3.0 and android
With JQM 1.3.0 the text inputs are displayed different than in 1.2.0. This happens only on on Android (SGS2, Android 4.0.4), but not on my IPad oder Desktop Browser. In JQM 1.3.0 the input box is larger than the actual box you type in (for a better understanding see my screenshots). This is the HTML Code for the input: <tr><td> <label for="mph_father"><span lang="en">Height father (cm)</span></label> </td><td> <input type="number" onKeyUp="mph_calc()" maxlength="3" style="width:100px"
[solved] No icons on smartphones since 1.3.0.
Hello Community. Since the update on 1.3.0, there are no icons on the Smartphones. Tested with iPhone and Android, on the PC it works. It seems that the icons are not at the right positions...see it at the Attachements. With the older Version of jquerymobile it worked. What can be the Problem? Thank you so much...
does work with jq and jq ui, doesn't with jq mobile
http://jsfiddle.net/tearex/JjRLf/2/ are these two frameworks that different? how to adapt the code to jqm?
jqm 1.3.0 slider refresh not working
hello everyone, yesterday i update jqm to 1.3.0, but I found that slider refresh does not work, my code: the js excuted but ui not refreshed <button id="change-button" data-icon="add" data-theme="d"></button> <select name="weather-option" id="weather-switch" data-role="slider" data-mini="true"> <option value="off" selected="selected">关闭</option> <option value="on">打开</option> </select> <script type="text/javascript"> $("#change-button").on("click", function(event)
how can I use panel widget in content view port
Hi everyone. I'm beginner...I use header nav-bar. and want to use panel widget. but now, when open panel, panel hide nav-bar. I want to in place data-role="content" and not scroll panel. anybody some idea ?
Nearest location on JQM?
Is it possible to add a button in JQM for "Near My Location" to find the nearest local office? If I have 15 locations in Western Canada, can JQM point me to the nearest location using the geo location info from my phone? Not trying to make a big development project, but trying to determine if there are any simple solutions to this geo location feature for a company with multiple locations? Thanks!
iPhone Flicker Issue When Expanding Collapsible Section
Just wondering if anyone else has seen this flicker issue when expanding a collapsible content section. I'm using an iPhone 5 with JQM 1.3. I have a collapsible like this: <div data-role="collapsible" data-theme="b" data-content-theme="d"> <h4>Heading</h4> <p>I'm the collapsible content with a themed content block set to "d".</p> </div>
At a loss with responsive grid that works in JSFiddle, and not locally
Hello, I am ready to pull my hair out on this one :) This fiddle works just plain-old-awesome in IE 9, Firefox, and Chrome: http://jsfiddle.net/JXY6E/1/ And, below is basically, to the best I can tell, the same exact markup, but in Internet Explorer 9 it always loads with the blocks stacked on top of each other. I am at a total loss why this is happening. What's worse is that the example pages on the documentation site also work great in IE 9 for me, these ones: http://view.jquerymobile.com/1.3.0/#/1.3.0/docs/widgets/grids/
How to put a button next to an input box on Firefox?
Hello, I'm using jQuery Mobile 1.3.0. How do I put a button inline and right next to (after) an input box on Firefox? I have a fieldset element to keep the label and text box inline with each other, and then have an icon-only button immediately following the text box. It works on Chrome and Safari, but the problem is that on Firefox the icon-only button is vertically pushed down a bit from the label and the input box. I tried using a negative margin, and also a negative top value, to move the
jqm 1.3.0 bug? data-role="none" not working under iOS
Steps to reproduce: 1. Create an input element of type "number" 2. Observe that this element uses 100% width 3. Add the attribute: data-role="none" to the input element to leave the element untouched by jQuery Mobile 4. Add the attribute style="width: 50px;" to the input element 5. Observe that the element still uses 100% width under iOS, but under Android, or other web-browsers, the input field's width is limited to 50px. Is this a bug related to jqm and iOS, or am I doing something wrong here?
Possible bug?
Hi, I am new to jquery and trying to use mobile jquery 1.3. I can see that the code after return path.stripHash( newPath ).replace( /[^\/]*\.[^\/*]+$/, '' ); is commented because of the /* character in the above code when I open it in Xcode. Is this a bug? I am trying to use slide navigation and it s not working. Can someone help?? Many thanks
swipe panel problem
Hello. I use the new jQuery mobile 1.3.0 and i discovered the swipe panel demo. I implement it on my web site (m.optimumgym.fr). It work fine when you launch the page directly but not when you click on the link on the menu (the swipe panel) The exemple code of page : $( document ).on( "pageinit", "#demo-page", function() { $( document ).on( "swipeleft swiperight", "#demo-page", function( e ) { // We check if there is no open panel on the page because otherwise // a swipe to close the left panel would
Multiple sliders - Change event triggers for all input
If we bind change event handlers to slider elements we will get an infinite loop, since each event handler changes the value of the other input. One input changes another, that one's event handler runs (changing the first input) which triggers the first input's event handler, and so on. How do we handle a specific slider? I want to change states for each slider seperately when the change event is triggered for a particular slider.
Best way to change widget theme after the page is first loaded?
I have some jquery mobile widgets on my page and I want to change the theme used by a button once some other action occurs. What is cleanest way to do this? Thanks,
how can i add close button on a youtube video when itse is playing on a webpage
Hi,, i have a example which you can check it out by http://jsfiddle.net/tJpBY/ link. how can i add close button on top of the video when it is palying.Please help me in this regard. Regards, Krishna H
jquery mobile javascript calculator for phonegap
I am very new to javascript, and I am trying to build a mobile app with Jquery Mobile. I would like the user to input one value on each page and then on the last page they will click submit and it will display the calculated value on the last page. I have been working on this for like 4 hours and I can get the calculation to work on the same page as the submit button but not on the next page. <script> function sum() { var item1num = document.getElementById('item1num').value; var item2num = document.getElementById('item2num').value;
Run script every time the page is shown
jQuery 1.9.1 jQuery Mobile 1.3.0 I want a script to run EVERY SINGLE time a page is shown, including the homepage and every other page on the site. Please tell me exactly what code I need and where to put it on the page. I have been trying to figure this out for a week, and I'm getting sick of jQuery mobile and it's quirks. Thanks.
buttonMarkup - Theme feature won't refresh after data-theme is modified
Regarding to a problem like the one here: https://forum.jquery.com/topic/best-way-to-change-widget-theme-after-the-page-is-first-loaded In the jQuery Mobile 1.3.0 version, I went with that problem and I solved it like I wrote in my answer in that question. My actual question is: don't the css classes for the data-role=button element should be updated when doing buttonMarkup('refresh') ? Otherwise, after the attr('data-teme') change and when doing the refresh action, nothing happens, because the theme
buttonMarkup - Theme feature won't refresh after data-theme is modified
Regarding to a problem like the one here: https://forum.jquery.com/topic/best-way-to-change-widget-theme-after-the-page-is-first-loaded In the jQuery Mobile 1.3.0 version, I went with that problem and I solved it like I wrote in my answer in that question. My actual question is: don't the css classes for the data-role=button element should be updated when doing buttonMarkup('refresh') ? Otherwise, after the attr('data-teme') change and when doing the refresh action, nothing happens, because the theme
after load() styles are lost
hi, i am loading some content and placing it in a div. the content contains several different form elements, unfortunately jquery mobile doesn't update the styles. i have seen tons of articles and posts about that issues and none of them seem to help my case. what to do? this is some of my html <!DOCTYPE html> <html> <head> <title>test</title> <link rel="stylesheet" href="jquery.mobile-1.3.0/jquery.mobile-1.3.0.css"> <script src="http://code.jquery.com/jquery-1.8.2.js"></script> <script src="jquery.mobile-1.3.0/jquery.mobile-1.3.0.js"></script>
Found uncompatibility with jQuery 1.9.*
If you want to fire a function after a page was loaded, jQuery Mobile recommends using jQuery's "live" function instead of jQuery's "ready" function - in order to make sure that the function is triggered both when loading a page via or without Ajax. E.g. $( '#aboutPage' ).live( 'pageinit',function(event){ alert( 'This page was just enhanced by jQuery Mobile!' ); }); See jQuery Mobile API: http://api.jquerymobile.com/pageinit/ http://api.jquerymobile.com/pagecreate/ The bug: jQuery 1.9.* does not
Jquerymobile uncaught type error
All, Bit of a problem with the following error message using jquery 1.6.4 and jquerymobile version 1.2.0: Uncaught TypeError: Cannot call method 'format' of null The above error does not occur when navigating to a specific page on first load. It only seems to happen once I navigate from my main menu to another page then back to my main menu and then on to a different page. Any ideas? I have added in: <div data-role="page" id="makeclaim" data-url="@Url.Action("MakeClaim", "AllowanceClaims")"> Just
The time of reaction rate is for 5 second or longer on opening or closing popups
The time of reaction rate is for 5 second or longer on opening or closing popups
JQM 1.3 RC1 - Images in Buttons
Hello There is a slight issue in the CSS for JQM 1.3 RC1 some of the icons for the buttons are not properly aligned. and some are not showing when viewing on mobile device. I am not sure if its just for Android, but on Desktop, it looks normal but on Android, the icons are not centered is there anyway to fix it?
Linking to external link (can't scale content)
Failr new to Jquery mobile and I'm building an app which is compiled on phonegap. One of my links is loading an external page. It shows up fine within the app but I can't scale the content on the mobile device. Any suggestions how I can view/scale the page or does it have to open in an external browser? ...if so, how do I open the phone's default browser? Thanks!
Weird ListViews anchor text for C-Grade phones.
Hi, jQuery Mobile V1.3.0 jQuery V1.8.3 Last week, I have finalized the development of a mobile website and the site works fine on A-grade phones, and maybe B-grade phones which I have not tested yet. For C-grade phones I noticed something about the Listviews. => It seems that the anchor title for some ListViews are always suffixed with the character "2". It is probably related to the fact that the original Listview items are internally rerendered with extra widgets/js/css to give it a mobile-look.
Beginner - Problem updating div with jquery mobile
Hi, I have some real time data I want to show on ever page in my site. I use the following code to update it every 5 seconds. <script type="text/javascript"> var auto_refresh = setInterval( function () { $('#qdata').load('/qdata.php'); $('#qdata').trigger('create'); }, 5000); </script> qdata.php just spits out a html table. The sidebar includes a div with id="qdata". The code works almost all the time, except when I navigate to a page in a sub folder. If I visit that page directly, it works, but
Next Page