Passing an Anchor to open a Collapsible
Is it possible to pass an anchor in a link to open a collapsible? data-role="collapsible-set" I have tried everything i can, even JS, but i keep failing. Thank You.
Collapsible Set and changing Tabs. Are they incompatible
Hi Does anyone know How you can use a Collapsible set with tabs On the left of my page I want a Collapsible set acting as a menu. Some items will have children and some not. I want the items without children to change the tab directly but the items with children should expand. (Then children in this case change the tabs) I have an example at http://jsfiddle.net/7jg43uLg/3/ I can not get the header items without children to change tabs or not to expand. Also the tab content shows by default. Is the
changePage event not working in chrome
Using Chrome browser my code snippet below fails to change from the current page(a.html) to the new page(b.html) which resides in a different page, but it works fine with firefox and dreamweaver live view. $('#proceed').on("click",function(){ $.mobile.changePage('b.html'); }); I also noticed that it works fine in Chrome ONLY if new page (page to change to) is in current file as a data-role = "page" What I mean is this: $('#proceed').on("click",function(){ $.mobile.changePage('#newpageID');
checkbox showing all icons
when i try to use a checkbox it shows a ton of icons here is my code <label> I agree <input type='checkbox' /> </label>
Persistant Header
For future JQuery Mobile, we'd really like a persistent header. For example, when I use Charles Schwab and I scroll a table/list, as I scroll up, the header stays at the top until the next header. Then, that header stays persistent at the top until a following header. I really want this (even at one basic level) for my JQM apps. Maybe it's not called a header...but go here: http://demos.jquerymobile.com/1.0a1/#docs/toolbars/footer-persist-a.html Now, I'd like A to be at the for as many of the A's
jquery mobile on desktop
Hi I've developed application for mobile and want to use same code for desktop. I'm having some display problems and wonder does anyone know of, or can they provide a working template page for using on desktops and 980 px wide display area? Thanks
Icons disappeared after moved to "without theme" css
Hi guys! I moved from the default jquery mobile theme to the "without theme" css because I need to customize the grapich. However it would be nice to use the standard jquery icon. Can you tell me how to do it? After I changed the css they have not been shown anymore. Thanks in advance
jquery not working in all pages
I'm doing a jquery mobile project in Webmatrix 2. And jquery only works in index.php(default page) and it does not work in the other pages. Any help please?
Database connection with jquery mobile for an absolute beginner
I am currently developing my first jquery mobile site. Now I am trying to get a Database connection to get data from the server. All references I've found are no help to me as they are to complicated. Could anyone give me an easy example of how to get a database connection to retrieve data to use in the .js - file. That would help a lot! Many thanks
JQM 1.4.5 Demo View Source
On the demo pages, for example: http://demos.jquerymobile.com/1.4.5/checkboxradio-radio/ 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.
jQuery mobile: Code repetition
Hello, I am making pages using jQuery mobile. But I am stuck with the HTML code repetition in my pages. I have created panel in every pages [data-role=page]. Panel content is same for every page. So how can I create a single panel and that can be used by other pages also? OR Is there any Master pages concept as in (asp.net) so I can make common functionality for header and footer for every page? Hoping to get quick response. Thanks!
Does JQM have drag to previous page preview functionality?
Sorry i know the title is a bit confusing but i don't even know what this feature is called. On iOS safari if you tap/hold the left side of the screen and begin to drag right, the previous page comes into view(how much is shown depends on how far you have dragged the current page), but does not fully transition until you either finish the swipe, or drag pass a threshold and release. If you do not pass the threshold and release the hold, the current page will snap back into full view, pushing the
Jquery click event not working in phonegap android
What is the alternate for click event in jquery in phonegap application as the click is not working in phonegap application tried with vclick, click tap, live but not working
influencing only specific DIV containers
Hi, for my little project I want to switch from query-ui sliders to query mobile sliders because the non mobile version does not allow any slide movement on smartphones. I loaded the query mobile package to my site but then I recognized that it somehow changes the functionality of the complete site. Is this overlay-ui containing and changing the whole site a basic concept of jquery mobile? Or is it possible to have it just activated on each DIV containing a slider? Thanks for the patience :) Spiff
Drag & Slide
Hi all, I'm trying to realize a mobile webapp composed of 3 or for pages. For the navigation I'd like to get a "facebook app swipe style" meaning that when i swipe i don't directly go to the other page but i drag the page a little bit and when i release the page "slides" to the next one. Is there a way to do that? I tried hard to google it but coulnd't find a real method to do it...another problem is that one of the pages will have google maps in it...so i'd like to have a kind of footer in every
How to validate SelectMenu using Validate plugin?
Hi there I'm having a problem to validate the SelectMenu using Validate plugin (scripts/jquery.validate.js) if there is a blank. The selectmenu is dynamically created: $('#zone_ddl').append('<option>Select Zone</option>'); $.each(result, function(i, row) { $('#zone_ddl').append('<option value=' + row.zoneid + '>' + row.zonename + '</option>'); //zonelistoptions.append($("<option />").val(row.zoneid).text(row.zonename)); }); I believe this something to do with the value is wrap in <span class="required">Select
get ui.prevPage and ui.toPage on data-role="back" button click
Hi!, I'm from Mexico so sorry for my english. :) Some of you know if there are some way to get the ui.prevPage and ui.toPage on the click event of an element button with the attribute data-role="back"? Thanks!
trying to get a listview type table.
Hello. I have a simple three column table that I would like to show like JQM's listview; i.e. where each row is restricted to one line and is truncated with '...' (three dots) which automatically resizes, and the row links to the item details. The first two columns are short (time + name) so the truncating will only occur on the last column (message). I have tried making a listview behave like a table and a table behave like a listview but have had no luck doing either. How can I achieve either a
footer and header of iPad 3 doesn't fit correctly
Hi guys , I've been developing an application and whenever i'm testing on the iPad to check the size i have the header on the status bar and there is a white area under the footer i don't know from where ! please help and this is the code of my page <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>jQuery Mobile Web App</title> <link href="jquery-mobile/jquery.mobile-1.3.2.min.css"
Help! Swipe event not working in android 4.2
I am trying to implement the swipe event in my list page but it doesn't seem to work in Galaxy Quattro running Android 4.2. Even if i test the demo page of jquery mobile ver 1.4.4 then also its not running properly. Code snippet is $('#list_drag1').bind("swipe",function() { alert('swiping'); }); where list_drag1 is id of a single div. Any help in this regard will be greatly appreciated.
Jquery Mobile App Session Cookies HttpOnly
Hi , I have developed mobile web app ,i am using session.js for managing the session of the whole mobile app. i want to make sure the security for the session cookies , using HttpOnly true and Secure : true i am not able to set those flags ,could anyone please help me out for that
Jquery Mobile Buttons/Div Alignment at the bottom
Hello, I need to align my button at the bottom part of the page. But by default none of the top,bottom attributes is working on button, i tried to wrap button in a <div> and set the position to div, this worked, but the width of the div when given 100% is going out of screen in mobile resolutions. if width is not given but appears small... Does anybody know how to fix this ?
Help! How to enable native scrolling after detecting touch direction?
I am trying to develop a custom swipe function, after reviewing the swipe method of jquery mobile version 1.4.4 which doesn't work in Android 4.2 onwards, using touchStart, touchMove, touchCancel, touchEnd events. The objective is to drag a div in left direction so a menu comes up after a certain distance is covered. I am able to determine the direction and distance covered. Once touchStart event is fired and till touchEnd i have to disable the vertical scrolling. The problem is when the page loads
Multi-document HTML/CSS/JS code collaboration tools? (vs jsFiddle)
It's been obvious for some time that jsFiddle is not the best way to set-up jQuery Mobile demos. While it is generally an OK way to show a jQuery problem, it falls short for jQuery Mobile, because it is limited (except for "external resources") to a single CSS, HTML, and JS file. While you can include external resources, of course they can't be edited. As well, it's not easy or even possible in many cases to show the use of, say, a REST API. So, another "would be nice" would be the ability to proxy
a problem about import 3rd js
hi,all, My project has two pages:login.jsp and mainpage.jsp, I want to import specific js like this: <script src="js/jquery.slides.min.js"></script> which could help to show slide images into my mainpage. And I also read about this faq: http://view.jquerymobile.com/1.3.1/dist/demos/faq/scripts-and-styles-not-loading.html now I put the js inside "page",and call its method:slidesjs . <div data-role="page" id="pageone" data-theme="b"> <script src="js/jquery.slides.min.js"></script> <script> /* $(document).on("pageinit","#pageone",function(){
Enable button when checkbox is checked not working
I am trying to implement a validation on a submit button on click of a checkbox. I tested my code on a webpage I saw online and it worked but all efforts to get it working on my page failed (including using pure JavaScript). I noticed that the checkbox's name was not included in the intellisense but the submit button was displayed. I'm using jquery 1.1.1.min.js and jquery mobile 1.7.2 Please help, I'm stuck.
Issue on closing dialog page after multiple postbacks on the dialog page
I have Page1 in which Page2 is called as dialog. Something like this- <a href="/Page2.aspx" data-rel="dialog" data-transition="slideup">Open dialog</a> In page2, actions are performed as I have gridview operations like edit/ delete and other asp button operations. The postback events work fine. The issue is when I have more than one postback event in the dialog page, the close dialog button do not close. FYI... On each postback event on dialog (page2), the url is appended with "#&ui-state=dialog".
Essential things on building a mobile app cloud base
I am a newbie in jquery mobile and my first project for this ui framework is to build a simple crud with an integrated database.. i had already purchase a host online. and i am planning to building the core script using php and mysql because i have a background on this. My problem is that i dont know where to start. Because i want to test the app after on a mobile.. android base. Please help me on where to start specially on integrating the database part when it is deployed already on an android
$.mobile is undefined
Hi I am using the code from the transition swipe demo. something like $( document ).on( "pageinit", "[data-role='page']", function() { var page_id = $( this ).attr( "id"); var page = "#" + page_id; // Get the filename of the next page that we stored in the data-next attribute next = $( this ).jqmData( "next" ); // Get the filename of the previous page that we stored in the data-prev attribute prev = $( this ).jqmData( "prev" ); // Check if we did set
Jquery mobile + php + external server/database issue
Hello all, I started to learn jquery mobile and now I'm making a cross platofrm apllication. 50% of the app is done but now I'm struggling at something very important. My app communicates with an external server (database) but I just can't make it work. I made some html + php tests and if I put the html,js & php files in the server and run the pages from there, everything works. But if I build the app to my device, I'll get the html + js into my device and the php file will stay on the server folder.
Load external "page" with json data, in a popup.
Hi everyone! I'm new to jQuery Mobile, and this s what I would achieve. I have some data in a json file, that are the infos about a person,like name, surname, age etc. I wrote some code to render it in a external page (like infos.html), now I would open this "page" in a popup in a multipage-site (different pages called in ajax). When open the popup: I need to open the popup when the user click on the name of a person and I've to show the infos about that person. In facts: I have 3 people (it's
1.1.4 is duplicating page containers
I have a production site that I have been converting from 1.3.2 to 1.4.4 and have just hit a problem with chagnePage() and pagecontainer('change") duplicating a page container in the DOM. I have a list of items that I can edit and when I click on an item's button and this code runs. $("body").pagecontainer("change","/maintainPromo/",{'type':'post','reloadPage':true,'data':{'marketcampaignpk':mrkid}});The next page works fine. I click on back button and then click on another item and it
Overflow scroll (or) auto - Android Issue
Added "overflow:scroll (or) auto" to jquery mobile accordion.while scrolling up and down,layout style(content inside accordion) getting affected in ANDROID device. Please help on this. Regards, Srividya.
Why should I use jQuery Mobile instead of some other framework?
I'm not a super-experienced developer but I've been now doing some mobile app development with jQuery Mobile. However, I have recently discovered the Ionic framework which looks very interesting, and now I'm wondering if I should switch to using that... Any opinions on this? Which one is "better" and why? Why should I stick with jQuery Mobile? Thanks for your views!
whatsapp link from Phonegap/JQM
I'm building an app with phonegap/JQuery mobile. I had button to share some stuff on Whatsapp but since I've updated my phone to kitkat, this doesn't work anymore. The button gets a click event, but nothing happens. I use this code from the whatsapp site : <div data-role="controlgroup" data-type="horizontal"> <a data-role="button" id="joinButton">Join</a> <a data-role="button" id="showComments">Comments</a> <a href="whatsapp://send?text=Hello World!" data-role="button" target="_blank"
problem geolocation map
bueno anteriormente solucione el problema de la carga de los mapas, ahora surgió un problemilla en un mapa que uso geolocation me carga el mapa pero la geolocation no me funciona si pueden hacer una sugerencia al código que les dejo seria de una gran ayuda. también estoy utilizando intel xdk para convertirla a una apk tal vez habrá que agregar un permiso pero creo que pasa por el código por que antes cuando no tenia la carga del mapa entero salia mi ubicación. http://jsfiddle.net/ynnugr0w/
a problem about 'alert' in jquery mobile
hi,all, I am a new guy who is intrested in jquery mobile which I built a new web using it. However,there is a problem, I want to alert something when controller jumps a new web,but it doesn't work,the 'msg' can be shown on the web,but alert not. If I delete this '<script src="<%=path%>/js/jquery.mobile-1.4.4.min.js"></script> ' in the web, it can work normally,is this a bug or I used it in a wrong way? buy the way,it also did not work like this: jQuery(window).on( "pagecreate", function() { alert("565656---");
alert not working in page two
i'm making jquery mobile tabs with login in android app with cordova phonegap In my index i have page create. Here i do validation and check id and password is correct. with id=index for data-role=page $(document).on("pagecreate", "#index", function() {..}); If validation pass I change page my current to login.html with $.mobile.changePage( "login.html" ); Now In my login.html if i use $(document).on("pagecreate", "#login", function() {..}); ajax is not working I have 3 tabs in login.html
How does this work?
I don't understand how jQuery Mobile work? For example: Lets say I develop an App using it, how do I load it to my phone? What you develop using jQuery Mobile is it an actual app or a webpage? What makes it an app or a webpage, a setting, a configuration? Thank you. Neil
jQuery Mobile + requirejs: pagebeforecreate event randomly firing/not firing
Hi to all, I need some help! I'm coding a debug library that will inject a button in every jQuery Mobile page header. I'm using one HTML file, multiple jQuery Mobile pages inside, like this: <!DOCTYPE html> <html> <head> <title>TuBa GameS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSS stylesheets --> <!-- Font Awesome CSS --> <link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css" /> <!-- jQuery Mobile CSS --> <link rel="stylesheet"
Next Page