Send additional data on normal ajax link
Hey guys, Iam searching for a solution to send data through a normal link. Follwing system (Multiple Page site): <div data-role="page" id="site1"> <div data-role="header"> <h1>Bankgeflüster</h1> </div> <div class="ui-content"> </div> </div> <div data-role="page" id="site2"> <div data-role="header"> <h1>Bankgeflüster</h1> </div> <div class="ui-content"> </div>
Unexpected page change
I have a cordova/jQuery Mobile app which has a single HTML page, many jQuery-Mobile page divs and, amongst other things, page switches of the type: someDiv.unbind('tap').on('tap', function(){ $('body').pagecontainer('change', $('#someotherpage')); }); (The whole code is quite large now, so I can't upload the whole thing). Broadly, this is working fine. But I'm getting spurious page changes. For example: I tap on a div in Page A ...the page changes correctly to Page B I tap on the back button
Popup positionTo not scrolling the page
I have a generated page with questions.When one or more questions is not answered, I want to position a popup just above the first non-answered question. In this jsfiddle: http://jsfiddle.net/petitbarzun/ytjbn3kd/ you can see it. It works with a positionTo up to about '#uc5_UC'. When you set the target to a value that would require to scroll to get in to view after loading the page, the popup comes on the lowest element still visible without scrolling. I tried to first force scroll the page with:
Android browser (4.n.n) and popup image does not work with styled glyph icon
The <a> tag is a styled FontAwesome glyph : <a href="#pu-li0" data-rel="popup" data-position-to="window" data-transition="slidedown" class="pix"></a> <div data-role="popup" data-theme="b" data-overlay-theme="b" data-shadow="false" id="pu-li0"> <!-- Nothing to see here. Please move along. --> <img class="pu-img" src="../images/image0.jpg" alt="pu-li0"> </div> .pix:after {padding-left:1.5em; content:"\e800"; font-family:fontawesome; line-height:.75em; color:dimgrey;}iOS, Chrome/Android and all desktops
jquery mobile add large space below footer.
Hello all. First time trying query mobile, using it on my wp theme. After enabling jquery mobile i now have a large blank space with the text "loading" below the footer. I have already google for this issue and the solution of adding data-position="fixed" data-fullscreen="true" to the header and footer did not work. the site is at http://agileart.us/ Could i please have some advice on how to solve this? addendum: it seems to me that possibly one of the issues is that jqm is preventing this Failed
on "pageshow" softkeyboard not showing up the first time with Cordova
Hi, I'm trying to get the keyboard to show up on Android inside the "pageshow" function using cordova. It is suppose to focus into a input field (text) and the keyboard is suppose to show up. It only focus into the input field but the keyboard didn't show up. When I go back and then go into the same page again, The keyboard shows up. Does anyone have any idea as to why it doesn't show up the first time, or know any work around to it? Here is my code: var foundInput = null;
Why jQuery Mobile Why not jQuery UI ?
I hope this question does not rub folk up the wrong way however I have been developing an application that has both desktop and tablet audience - until now I have developed using jQuery and jQueryUI. The tablet dependancy has until now utilised Dialog and Buttons and for the most part, delivered what I want. My concern is as my dependancy increases (meaning I use features beyond Dialog and Buttons) that I will find myself applying band-aids to my tablet target code which might not otherwise be required
Refresh after remove data-role
When I remove data-role, I am unable to refresh/create the styling. Using simple example below, <ul id="lv1" class="" data-role="listview" data-icon="false"> <li><a>item-1</a></li> <li><a>item-2</a></li> <li><a>item-3</a></li> </ul> <div onClick="$('#lv1').removeAttr('data-role'); $(#lv1').listview('refresh');">Remove class</div> I think the code $(#lv1').listview('refresh') should not apply as the data-role=listview already being removed. I also tried using $('#IdOfYourPage').page('destroy').page();
JQM multiple links within TALL popups don't work on iOS
I know there are some issues currently with the history and back buttons on iOS devices and at first i thought this was part of that as my close buttons where being blocked but now i'm not so sure... on iOS devices (iphone 5s, iPad 4 both running on iOS 7/8) the default safari browser seems to have issues with links that are located with in a popup (with overlay theme or dialog type styling). if i have a short popup that will fit on the screen without having to scroll then ALL the buttons within
fill dropdown popup with theme
hi i want to fill dropdown popup with theme i use dropdown like this <asp:DropDownList ID="ddShipInstructService" runat="server" data-theme='<%= Session["ThemeValue"].ToString() %>' data-content-theme='<%= Session["ThemeValue"].ToString() %>' > </asp:DropDownList> i bind so many record so popup not fill theme so please help me Its Theme Problem
Pageinit doesn't fire/ jQuery Mobile Transitions
Hello, I have a problem with the transitions on my jQuery mobile web-app. wksinfo.peter.bplaced.de After Login I select an item in the listview and the page change from uebersicht.html to detail.html and then I press F5 -> then I press the button back/zurück (in detail.html) to come back to uebersicht.html. So, when I select an item in the listview which brings me back to detail.html pageinit doesn't fire. I changed pageinit to pageshow but it doesn't work.
Double Swipe and menu
Hello the community, i actually developed a mobile website with JQM and i had almost finish but i have a persistent problem. I need a interface like that. i try different way to do this, (I hope my drawing is explicit, if you have any question don't hesitate, ask me ! ahah), in add i want keep the same footer and header. The best result that i arrived, is the both scroll works but the external scroll from the iphone is disable (Impossibility to see the head bar of safari). If you have some tip
Html to html page navigation with jQuery mobile transitions
Hi I have made mobile application with jQuery mobile(1.4.5) and cordova(5.1.1) Using multiple pages(jqm) htmls. facing problems for transitions between html to html pages. What is the jQuery mobile provision to provide html to html transitions without giving page Hrff in link. I want to navigate to second html page from from first html through jQuery mobile method.and second page is multipage(data-role='page') html file Thank you.
Select control crashing when loading in large number of options
I'm building a POC that will need a multi select control. This control gets populated with code and has over 1000 options in it. Please understand, this is just a POC and I totally realize that having this many options is useless for the end user. It's just a POC. If I code the select control without data-native-menu="false" it will render all the items in the select control. I need this data-native-menu="false" attribute because it is required for multiple select functionality. Any idea why the
jQuery freshman needs some feedback
Hey guys, I’m starting to create my very first German jQuery Mobile web-app (Only Web-App - I’m currently not planning to use Cordova etc.). Therefore I started with the user login, password-reset and registration. Now it is time to ask some veterans for some feedback. Questions I have: How can I improve the attached code, especially in JavaScript/jQuery because I’m completely fresh to this? Do I use something twice or do I using crazy stuff while there are better solutions? I appreciate your
Right way to call heave tasks.
Hi All, I have a jquery mobile hybrid project where I call native functions from javascript using native bridge. These function calls are pretty heavy. if 1 javascript line of code takes .1 ms, the native function call is 2 ms. I cannot avoid these calls because entire business logic is residing here. Currently i call it from pageshow / pagebeforeshow. The result is the page draw and rendering is hold up for a few milliseconds and hence i see a flash, which looks ugly. what is the right way to do
@font-face not working,help me please
@font-face { font-family: 'customfont'; src:url('font.ttf'); } div{font-family:'customfont';} my code is working at android webbrowser, but is not working in my jqm+phonegap apk, the same code is not working,i dont know why,help me please Or Can i used cunstom font in android by jquery?
how to learn hybrid advance jquery mobile app
I know the basics of jquery mobile now I want to jump into creating advance/hybrid jquery mobile app. Can someone pls suggest me some online video tutorials which can help me to learn and give me the enough confidence to build any kind of apps. Books, online video tutorials anything would be fine. Thanks
Interesting Cordova issues with JQM.
I have been playing with Cordova for the last couple of days and I have most of what I want working. I just ran into an issue that changePage would not work until I add the flat $.mobile.allowCrossDomainPages = true ; What is interesting is ajax calls worked just fine. Is this the way JQM has to work or am I missing something? This is my change page code. var url = oLoginmgr.baseurl+"/admin/cor/admin_login"; console.log(url); //$.mobile.changePage(url); $("body").pagecontainer('change',url);
About popup and select menu in IOS9
There is a problem: When a select menu / popup is first activated, it appears, and then is hidden. I find a solution that's tell me to set $.mobile.hashListeningEnabled = false, but it cause a side effect. When the popup was closed by user, it can not open again at that page. What can I do? It's work before ios9 or android platform.
Getting the id of a page when leaving it.
How can I get the page id of when it is transitioned away from. For example if I transition from page 1 to page 2 on leaving page 1 I grab the page id attribute of page 1? I have tried pagehide and pagebeforehide but I seem to get the id of the second page in this case page 2. Thanks in advance.
Phonegap Jquery Mobile app scroll and navigation problems in IOS9
Hi guys, I have a Phonegap app with Jquery mobile in the AppStore. I recently updated my phone to IOS 9 and the scroll stop worked. Im also having problem with the navigation inside the app. The app random redirect the user to the previous page when the user press a link or sometimes when the app makes ajax calls. I know that IOS 9 have a lots of bugs already but i really need to fix this problem, because the app is actually in production and the users are reporting the same problem. I found some
Why are the jQuery Mobile meeting minutes not updated any longer?
Why are the jQuery Mobile meeting minutes so out of date? The last one was in August. See this link: jQuery Mobile Meetings
body tag class applying later
I have a special class for header and it is properly applied, which has a specific font-type (let's say header-font-type). I have another font type in a class applied to body tag (let's say body-font-type). I need both, and i want to avoid commenting body class and apply another class to each and every controls in the pages (s), it's to much task and will take time. surprisingly header font is overridden by body font. ideally header tag comes after body tag, hence header should be header font and
Updates/cached files
I'm using jQuery Mobile 1.4.5 and using its pagecontainer("change", "SomePage.html") to navigate the app. At the bottom of each page, like SomePage.html, I have a script tag whose src is SomePage.js. When I update specific pages within my app, how will I ensure that the updated pages are loaded, not a browser cached version? Is it necessary to change the name of these files, like SomePage-1.2.0 when it is updated? Thanks, Tony
How can I use only forms UI?
I'd think you have some neat forms UI, but I don't have any use for the rest of the framework. I used the download builder and selected the Forms group, but I cant get it to work using the same markup as in the demo pages. I found a random instruction about needing to $("#container").trigger("create"); and that does give my select a layout, but it has no functionality and is not working. What are the steps and required resources to use the forms components of JQuery Mobile?
datepickert onSelect not working in JQuery Mobile
Hi, I am trying to add a dateFrom and dateTo datepickers to my jquery mobile page but the onSelect is not firing for some reason! although the same page is working perfectly on my normal jquery web! The link is here : http://www.mybluefile.com/m user : 731004167 Password : 123456 and Go to Apply For a Leave Thanks, Jassim
Why event is not fired till I refresh the page?
Hi, My page is here: http://www.mybluefile.com/m The user ID is : 73100416 and the password is : 123456 When you sign in try to click on the Signout button at the top right you'll see that nothing is happening till you refresh the page! Similarly when you signout and try to sign n it won't work til you refresh the page. Why is that? Thanks, Jassim
JQuery Mobile does not work on Android 5.0（lollipop）
Hi, Since I can not speak English , I use google translation. I am using JQuery mobile to my web site. It works normally in Iphone(ios8.3). However , it does not work properly in Android5.0.2(lollpop). I was a test by creating a simple web site. screenshots: ios8.3 Android5.0.2 It will also be displayed in the same manner other web page you are using JqueryMobile In Android5.0.2. My web page is using JQuery1.3.2. However , trouble in Android happens even JQuery1.4.5. code: <!DOCTYPE html> <html>
ugly border displayed
Hi, my logo image in the header displayes an ugly border ( see picture) , I use the following code: <div data-role="header" data-position="fixed" style = "background: #000066"> <A href="./index.php"> <img style="border:0 !important;" src="http://www.mondkalender-online.de/mobil/images/Sichel-dunkel_40px.jpg" alt="Logo" style="float:left;display:inline"/></A> <div style="text-align: center"> <h3 > Mondkalender-online mobil</h3> </div> </div><!-- header--> Not even the !important
Trying to Limit Radio Labels to 2 lines max. running into issues
Hi I'm trying to find out how to solve this issue. I'm trying to limit the number of lines inside a Radio Labels to 2 lines max. So far I can only come up to this far. It looks like it almost made it to two lines but the 3rd line keep on showing. Do anyone know how to hide the last line of text in the second Radio button? https://jsfiddle.net/qf0shm3r/ Also after that is solve how do I figure out if the second radio button has text that has been overflowed. Thank You.
Refresh page after posting data to server via Ajax
I am sending information over to an external server which updates some content on the database at that server. The update is working but the updated information is not shown on my application. I need to close the application and re-open to view the updated content. Is there anyway I can make the refresh occur without having to restart application. I was trying to make the refresh occur after a successful POST but it doesn't happen. The POST occurs from a page with the ID of #update. I want to just
Content partly hidden behind header (data-position="fixed")
Hi :) I'm facing the following situation: When my app initialises itself, I want to show the loading spinner and hide the first page (#main) until everything is ready. My code hides the #main page by default (display:none) and executes the $("#main").show() after the pageshow event. But the problem is: After $("#main").show() is executed, the first line of the content is partly hidden behind the header. This problem only occurs when the header has the attribute data-position="fixed". Without it,
New Kinda Bug
Hi I was trying out this example - click here And here is the bug... there was loading icon keep cycling, none of the content show up.
Touch doesn't work on PHP generated code
I have some <div> tags generated by php code and some that are hard coded into the page. The touch commands on the hard coded stuff will pop up an alert, but the touch commands on the php generated code will not. Does anyone have any ideas what I am doing wrong? Larene
load a "<div data-role="page" inside another <div>
hey guys, i've a little issue with my multi page. i buid multiple pages through javascript loop which contains collapsible-sets with buttons etc.. in index.html i just set an <div id="sections"> which loads the elements from javascript append but unfortnatly the main div will not working <div id="sections"> <!-- Load Javascript html elements --> <div data-role="page" id=""> <!-- generated with javascript append --> ... content </div> </div> the data-role page wont work. i've no idea how i can
JQuery Mobile Radio Button issue.
Hi, I have run into a small problem with the following: https://jsfiddle.net/a4poster/1t1q7w0z/3/ Basically what should happen is that the user can select the radio buttons and when the user hits the 'RESET GRID' button the matrix is reset. On previous versions this was working fine but now I can get it to work. Also, how would I then disable the pink_4th button on its own. Thanks in advance.
Popup with Dropdown
Dear sir, I WORK ON POPUP AND DROP DOWN SO MY QUERY IS I USE SELECT IN POPUP AND AFTER CLICK ON SELECT THAT IS NOT POP UP I USE DATA-NATIVE-MENU=FALSE BUT STILL MY DROP DOWN EFFECT NOT WORK IT WORK LIKE SIMPLE DROP DOWN PLEASE GIVE ME SUGGEST ABOUT IT
Basic user authentication works on Android, does not on iOS.
I'm building an app that gets data from a server using basic user authentication. This works fine on Android, but on iOS nothing happens. In safari it also works fine. This is the code I'm using: $.ajax({ url: main_url+'api-cache/'+slug+'.json?r='+random_number(), dataType: 'json', headers: { 'Authorization': "Basic " + btoa(localStorage.getItem('email') + ":" + localStorage.getItem('password')) } }) .done(function(result) { main_url is a link to an https website. I have als tried username and passwork
how to hide the fixed header when keypad is active in mobile devices?
how to hide the fixed header when keypad is active in mobile devices?
Next Page