page refresh when multi tasking on mobile
hi every one i have developed website on jquery mobile i am facing issue while using the mobile web when a message comes on my cell phone after checking the message i came back the web page it refreshes page and does not show the css effects
Demo Site Layout - Navigation Panel
The demo site for jQuery Mobile 1.4.0 has the exact layout I'd like to use for my app - that is: - For desktop width, navigation panel is persistent - For mobile width, navigation panel is hidden, accessible from icon Anyone know of a straight-forward layout that does this? I'm trying to open and persist the panel in a css media query but with no luck.
Keyboards closes after opening
Hey, Like the topic says, my problem is that the keyboard opens and a second later closes after i trigger focus. I only have this problem on Android 2.3.3. Anyone knows a solution for this? Grtz, Tim
Fiat Site in the Gallery, how was the slideshow made?
Hello there, my question concerns this mobile site in the gallery, http://www.jqmgallery.com/2012/04/14/fiat-spain/ I like the slideshow effect they have there, I was able to pull it out and get it to work, but I do not know how to modify it. It seems that clicking the arrows changes the left attribute by a certain amount, <ul class="home-slideshow" style="width: 1650px; left: -375px;"></ul> But I didn't see any javascript on their page that corresponded to that, it appears that they modified the
Jquery Mobile 1.4.0 + page change = custom select menu stop working??
Hi I posted this question on Stack overflow but I had no solution really: I have just upgraded from jquery mobile 1.3.2 to 1.4 on my MVC application (MVC 5 developped on VS 2012) In my code I have set the generic option for native menus to false:$.mobile.selectmenu.prototype.options.nativeMenu = false; And the default Ajax navigation is kept to true - it was like this before on 1.3.2 and worked perfectly well:$.mobile.ajaxEnabled = true; When I first load the application I can see all my items in
Transparent button background in jquery mobile.
Need to know how to make my button background see through. .ui-btn-mondaybtn{ background:transparent !important; } help please
Selectmenu multiple don't show popup from within a popup
Hi, If I use a selectmenu with multiple selections into a popup widget, the selectmenu's popup doesn't show. I guess it is a z-index problem. Try it: http://jsfiddle.net/3a2pk/1/
Question about fixed position
I have a question about making a <div> as long as the page is. Is there some data-role I am missing? Can anyone maybe give me a hint about how to make the with the button that says "Abonneer" and the textbox with "Hello World" as long as the page is?
Change flipswitch by javascript
I need to change this flipswitch by javascript. I don't find how to proceed. Thanks for your help. <div data-role="page" class="demo" data-title="Panel fixed positioning"> <form> <fieldset> <div data-role="fieldcontain"> <select class="myflipswitch" data-role="flipswitch"> <option value="0">Off</option> <option value="1">On</option> </select> </div> </fieldset> </form> </div>
String literal is not properly closed
I am using IBM Worklight 6.0. I downloaded jQuery mobile 1.4 and imported jquery.mobile-1.4.0.js and jquery.mobile-1.4.0.css into my project. But line 2657 of the js shows the following errors in Eclipse: String literal is not properly closed by a matching literal and Syntax errors on tokens, delete these tokens The line 2657 in question is this one: return ( hasHash ? "#" : "" ) + hash.replace( /([!"#$%&'()*+,./:;<=>?@[\]^`{|}~])/g, "\\$1" ); Is this a bug in the jQuery mobile 1.4 code?
Code Disappears...
I have a really weird issue. I'm developing a couple of pages to appear within a 'Bizapp' app (via the web view tab). I've added a simple slider to the top of this page... http://www.appymonkey.com/apps/lifeinresort/listings/details.html As you can see, when viewed in a browser (and via Safari iOS) it appears fine. But when view within the web view tab in our app, the slider disappears. I've also been testing the app via ScreenFly... http://quirktools.com/screenfly/#u=http%3A//www.appymonkey.com/apps/lifeinresort/listings/list.html&w=320&h=533&a=34&s=1
JQuery Mobile: Cannot set checkbox dynamically
Hello, I am familiar with jquery but I don't find a good tutorial to start with jquery mobile 1.4 :( What's wrong with this code?http://liveweave.com/Uftrc2 Thanks,
Open Google maps app navigator
Hello, I am creating an app using dreamweaver with html5 and jquery Mobile. I would make sure that clicking it opens the window with the list of browsers installed on your phone. This code can not open the window and see the list of navigators. <a href="geo:42.169377,14.702693;u=35" data-role="button" data-icon="arrow-r" rel="external">Find us</a> Then if I select WAZE or Tuttocittà for example I open the app and I can start the Turn by Turn navigation from where I am to the point that I have the
input text controls become disabled after upgrade to jqm 1.4 in some browsers
For some reason after I upgraded to 1.4 <input text controls became disabled only on one particular page, example below from View Page Source. But this only happens in Chrome and IE 11 on Desktop, it works fine in all major mobile browsers and IE 10 on Desktop. <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"> <label for="ITEM8barcode" class="ui-input-text">Bar Code</label> <div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-b"> <input name="ITEM8barcode"
Panel Not Working
I've created a very simple page, with a panel on it. I've compared it with other working examples of the panel, and I can't see any noticeable differences. Really need a fresh pair of eye of eyes on this. Please check out the code here... http://www.appymonkey.com/apps/lifeinresort/listings/details.html The text 'This is where the panel should be' is what should be appearing in the panel... but instead its appearing on the page instead and the panel does not open. Any help would be much appreciated.
advancing to next section on page when clicking submit
On the index page I have several page sections with different page id's. Each one has a form and when I put (for example:) action="#nextpage" and click submit it does not advance to that next section id as it should. When I use a normal button it does advance to that section id. How do I accomplish this using the <form method="post" action="#nextpage" > ? Thank you, Darrell
IE9 and lower breaks jQuery mobile URLs
Wether it's links or the $.mobile.changePage(); function, everytime I load in a different page the URL messes up with a #, for example, if the page I was initially one was called http://localhost/project_dir/index.php/home/ and I wanted to go to http://localhost/project_dir/index.php/home/promotions the resulting URL would behttp://localhost/project_dir/index.php/home/promotions#/project_dir/index.php/home/promotions It's 4AM and I'm clueless as to why it's happening - any ideas?
JQuery Swipe not working smoothly on Android Samsung S4 and Sony
I used Demo page Event Swipe code and use Samsung S4 or new Sony Andri\oid phone. I found I have to swipe about 4 times before it reacts. However, it response correctly and very good on iphone. Please help... what can I do ? Or it is a bug ? // Handler for navigating to the next page function navnext( next ) { $( ":mobile-pagecontainer" ).pagecontainer( "change", next + ".html", { transition: "slide" }); } // Handler for navigating to the previous page
listview refresh issue
Hi, i'm using jquery mobile . I.m using a listview in my HTML and appending it dynamically in my JavaScript, like this: <div class="content_div"> <ul data-role="listview" data-theme="c" data-inset="true" data-count-theme="c" id="page-list" ></ul> </div> $('#page-list').append('<li ><a href="#details" onclick=displayDetails("' + itemid + '") ......... </a> </li>' ); $('#page-list').listview('refresh'); my issue is if i keep $('#page-list').listview('refresh'), then i have a blinking + flickering
mobile.changePage Problem - next id
Hello unfortunately I can not get past have the following problem . I want to leave with "$ . mobile.changePage " show a new page , the URL should be replaced dynamically. So I go get the id that I pass via $ _GET, out of the database and thus give you $ . Mobile.changePage the new URL known. This works well so far flawlessly. But if I have then wiped 2x to the right works $ . Mobile.changePage again all id from which have been passed . My example - (Works 2x then really no more) : <? $ pagen_id
Disabling/Enabling Radio Buttons Help.
Hi, I have recently move to a later version of JQM and I am having problem enabling/disabling radio buttons programatically. I have included a fiddle, http://jsfiddle.net/a4poster/6mwg4/3/ On previous versions it seemed to work fine. Thanks in advance,
Themeroller and checkboxes
Hello, I'm making a webform that uses checkboxes like they are buttons. I need to keep the checkboxes checked and all. I noticed in themeroller that theres colors for button states, but they dont all quite apply to checkbox states. The colors seem to apply to the large checkbox area in the the themeroller and ignore the little checkbox. On my site I use the css that turns the little checkbox into the entire checkbox element. I would like to choose a color for the checkbox state that is checked and
Set data-dismissible to false using jquery
how to set data-dismissible of a Panel to false using jquery when only screen is larger than 340px? I have tried to use: $('#menuPanel').attr('data-dismissible', 'false');But it does work, what can i do?
jquery mobile datepicker demo is broken
I created an issue for the datepicker a little while ago https://github.com/arschmitz/jquery-mobile-datepicker-wrapper/issues/2 And now it seems the demo link is broken (not sure if this is the right place to report this issue): http://demos.jquerymobile.com/1.4.0/datepicker/ Is completely broken. It appears it is expecting: http://view.jqueryui.com/master/ui/jquery.ui.datepicker.js I think maybe it should be: http://view.jqueryui.com/master/ui/datepicker.js
How to multiple file upload in jquery 1.9
I have to upload multiple files at a time. I can see only one file can upload at a time. Even though multiple attribute is in jquery, How to achieve multiple file upload?
Prevent "bouncing"-effect on jquery mobile apps on iOS Safari
Hello there! did anyone manage to prevent the body of a page to be scrolled out of the visible area? The problem is, that i've got different ListViews on my page which have to be scrolled up and down. After reaching the bottom/top of this lists and starting another touchmove towards the same direction the whole Website will be "pushed" out of the visible area. I would be glad if somebody managed to prevent this.
I lookin for a professional eye in Jquery mobile...
Hi there My name is Sy http://mobilocksmith.com/ Check this with Smartphone browser pls. Im not a webdevaloper... I wrote this myself with Jquery mobile libreries. I need someone to take a look at my code with professional eye. Fix and clean code and improve lookin if you see some... (I would like to improve my send mail page) UPDATE Jq libraries to the last stable version. ALSO as you can see I got pretty much fixed Theme on all pages improved by me from page to page to the best of my knowledge.
How to get mobile jquery slider old value?
How can i get the previous value of slider when clicked on slider bar?
1.4 stripping url params
I have a single page which I want to change the contents of depending on params passed to it. If using href like : #mypage?id=123, after page change the url in the address bar will be #mypage, making it impossible to refresh the page or if I go to another page the back button will visit the page minus params. This kind of thing worked in previous versions, e.g: http://www.moretechtips.net/2012/07/dynamic-page-generation-in-jquery.html This does not work either: var $page = $("#mypage"); $.mobile.changePage(
jQuery Mobile panel width (full width) problem on Android
Hi: I am using jQuery mobile version 1.3.2 and I change the panel widths (left a little larger 18em and right width 100%) through css. So the left panel will open with width (18em), and the right panel will open with full width (100%). Here is my css section that will override the jQuery mobile css. .ui-panel { width:18em; } .ui-panel.ui-panel-position-right { width:100%; } .ui-panel-position-left { left: -18em; } .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push
Closing the new "dialog" in 1.4
In 1.4, I see that the dialog widget has been deprecated in favor of the page's dialog option. I've got my markup switched over to properly use that, and they display just fine. In 1.3, I would use $('.ui-dialog').dialog('close') in my client side script to close the dialog and return to the previous page. What's the proper equivalent in 1.4 with the new dialog model? Thanks, Dan
1.4 - Collapsible theming issue
I'm having a problem where data-content-theme does not inherit to listviews inside the collapsibles. I didn't have to do anything special in 1.3 - is this a bug or is there another setting I can change to make sure the theme inherits? Thanks
Having issues with Navigation and BASE HREF....
The general structure of the site is OUI/ index.php js/ pages/ images/ So with that being said..on the index page I have a simple login form. At this point the base URl for the page <base href="http://localhost/~me/OUI/"> When I click on the login button it calls.. function doLogin(){ $.ajax({ type: "POST", url: "functions/checklogin.php", data: { usrnm: $('#username').val() , passwd: $('#password').val() } }) .done(function( msg ) { if(msg.match(/YES/)){
JQM 1.4.0 with jQuery core 2.0.3: problem with listview refresh
Hello, I tried to change the attribute (data-theme) of a list item in a listview dynamically, once the user has clicked on it. Firebug shows me that it is in fact changed, but the UI refresh did not happen, although I tried all trigger events, refresh commands etc. that I knew. There is an example of the intended behaviour in http://jsfiddle.net/Palestinian/AFfw9/ This example works well with old jQuery Mobile and jQuery core versions like JQM 1.3.0 + JQ1.9.1. But I do not get it to work with JQM
Hiding/showing HTML table rows in mobile version
We have a desktop site where we hide or show HTML table rows on a button click based on what class a <tr> is. The jQuery below is in a script file included in the display page: Display page code: <tr class="parentHeaderRow"> ... ... <tr class="parentHeaderRowHidden"> $('#rowShow').click (function() { $("tr.parentRowHidden").css("display", ""); $("tr.childRowHidden").css("display", ""); $("tr.grandchildRowHidden").css("display", ""); }); $('#rowHide').click (function() { $("tr.parentRowHidden").css("display",
My Experience with jQuery Mobile so far...
Hi everyone! After spending hours and hours studding and implementing an app with jQuery Mobile, I can say it's a great framework to standardize the user interface to several mobile platforms. Although it's not perfect, having some issues to bypass, it's possible to develop great apps with it. In Brazil we have this sort of saying: "If giving an advice was a good thing, we wouldn't give it, we would sell it." This being said, I have some pieces of advice to give for those who wanna learn jQuery Mobile:
Delete confirmation Dialog
Hi All, I am new to jquery and really struggling for setting up confirmation dialog box for deleting certain items. I am able to view the popup but when I click DELETE on the popup its not redirecting or loading the new page but staying on same page. I am using Jquery mobile 1.3.2 version. Any assistance to resolve this would be very helpful. Below is the sample code I am using. <body> <div data-role="page" class="type-interior"> <?php include "files/header2.php";?> <div data-role="content" data-theme="d"
jQuery, jQuery UI or jQuery Mobile?
We have a website that uses jQuery and jQuery UI. We use slider bars on site, and as I recall at the time the site was coded, not all jquery widgets worked across all tablets/mobiles OS. We used a plug-in called jquery ui touch punch, which gave us the functionality we needed, however I came across "jQuery mobile" which supports deskstops throught to phones. I'm a little unsure where this products fits in the jQuery family - is it a replacement, supplementary etc. Anyone have any advice, or link
Using a var in an input tag
How would I use a var in an input tag as in: <input id="zoom" name="zoom" type="range" value="myVarHere" min="0" max="25"/> Thank you. Edit: This seems to work: <div id="divzoom" data-role="fieldcontain" > <input id="zoom" name="zoom" type="range" min="0" max="25"/> <script> $("#zoom").attr("value", zoomlevel); </script> </div>
help updating dw cs 6 with 1.4.0
hi i hope some can help here with this. I have try to up date dw cs 6 with the new 1.4.0 files i un zip the file then copy them a cross to the right file then i open dw the started a new jquery site had a few fun thing happen but i got it to see the new files. Now i did not get delete jquery 1.6.4 min as i do not know what this does but dw still ponts to it in the code what is happing is that when i try live view it not working it just show the all the page as if it was a html page i have put a pic
Next Page