Change Popup width dynamically
Hi, I would like to create a responsive Popup where eg Desktop view, width=400px, Mobile view, width=100%. But I can't get it to work especially width=100%. I prefer not using CSS media, instead I prefer using CSS Name, or by jquery function control according to my own specified breakpoint. There got to be something I do not know. Something to do with rendering before popup open? I'm aware of using CSS #<id>-popup { }, but that can only take effect on load. Anyone can help point out where or which
JQM events and navigation
I have sample site with three pages: home.html <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <title>Home</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css" /> <link rel="stylesheet" href="css/swipe.css"/> <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <script type="text/javascript"> /* Here is where you would wire in the jqm mobileinit event such as: $( document ).on( "mobileinit" , function () { $.mobile.toolbar.prototype.options.addBackBtn
Intel XDK App Designer believes that JQuery Mobile is no longer in develpment
I've just installed the latest version of Intel XDK for both Windows and Linux. In both the app designer claims that a number of mobile frameworks, including JQuery Mobile, are no longer being supported by their developers. Obviously this is not the case. I am new to mobile HTML app development. I am wondering if I should hold off using the app designer in Intel XDK until their or your next release. Does anyone know if using the JQuery Mobile with the app designer will create content that will
Will there be a JQM 1.5?
Hi there I'm a big fan of JQM and have used it in various Projects until now, although i'm not sure if it's that wise to start a new project with JQM since the roadmap is outdated and there are not that much infos from the creators how the whole thing will be continued (if it will be continued)! what a pitty because it is a very efficient framework with a lot of features you don't have in other frameworks! best andy
scroll with fixed header/footer
Hi everyone I used fixed headers and footers for my jquery-mobile based site ( http://www.dollsofindia.com ). If you open this site in any mobile browser and try to scroll up, you will find it gets stuck on the first swipe upwards. After this, this the header occupies the top position over the address bar and only then, when you scroll up again, does the page scroll below the header. The same happens when you scroll back down. When the header and footer are made non-fixed, this problem goes away
I get much space between 1st and 2nd column using 1.4.5 ... what to do???
<div class="ui-grid-a" id="entry"> <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">TYPE:</div></div> <div class="ui-block-b" id="entryTYPE"><div class="ui-bar ui-bar-a">Block 1,2</div></div> <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">DESCRIPTION:</div></div> <div class="ui-block-b" id="entryDESCRIPTION"><div class="ui-bar ui-bar-a">Block 2,2</div></div> <div class="ui-block-a"><div class="ui-bar
when using online version appear icons when local version Not appear icons ... what to do???
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <!-- <link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="jquery.mobile-1.3.2/jquery-1.9.1.min.js"></script> <script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script> --> when using online version
"dialog" and the back stack
Prior to JQM 1.4, I created dialogues using data-role="dialog" and those pages were not added to the back stack, so navigating off one and then pressing back would bring you to the page before the dialog. Now with 1.4.5, dialogues are defined as data-role="page" with data-dialog="true". Using this method, the dialog is added to the back stack, so if I navigate off the dialog and then tap back I am returned to the dialog. This is not the behavior I want. Is there a way, when the dialog opens, to tell
Error download themeroller help me !!!!
Error download themeroller help me !!!! persistent when trying to download theme created error. I tried to download during the last 48 hours and it has not been possible
jquery mobile demo page for master is broken and ugly...
Hi, It's hard to know whether it's broken because it's in a transitional state with patches coming or whether a recent patch broke things and nobody else noticed. If I rewind master back to the end of July, the demo pages are pretty nice. I also get different results if I run the current master demo locally using a local php server from what I see on the web. Am I always actually viewing the latest master build resulting from a "grunt build:demos" when I view the demos page at "http://view.jquerymobile.com/master/demos/"?
New project: JQM 1.4.5 or Bootstrap?
Hi All, Have a new mobile web app project on the horizon and would like advice from the inside on whether to: (1) Go for it with JQM 1.4.5 (2) Wait for JQM 1.5 (any estimates of how long?) (3) Go with Bootstrap This is a project that needs to run on mobile (iOS 8+) and desktop (mostly Windows but also Mac). I have used JQM 1.2 in the past but am wondering if JQM is still alive and well or is withering on the vine, etc. I would not want to get halfway down the path if there is a strong leaning towards
jQuery Mobile 1.4.5 and jQuery 3.1
Does jQuery Mobile 1.4.5 work with jQuery 3.1?
Can someone help me with a script to search the companies.xml file below and display search results on the listview in the home.html?
home.html <html> <head> <title>mysearch</title> </head> <body> <input type="search" id="search-mini" autocomplete="off" /> <ul data-role = "listview" id= "SearchResult"> </ul> </body> </html> companies.xml <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/css" href="xmlcss.css"?> <Companies xmlns:xlink="http://www.w3.org/1999/xlink"> <Company id='20151'> <Title>Business Culture</Title> <Image>images/logo.png</Image> <Sector>Software Development</Sector>
enhanceWithin doesn't work after replacing content
So I thought I should build myself a simple pager for a listview. Very simple: I'm slapping a spinbox near the bottom and subscribing to change events with a little snippet that loads portions of the page and replaces the listbox content with that. So my HTML (Thymeleaf template looks like this): <div data-role="container" id="catalog-container"> <ul id="catalog-item-list" data-role="listview"> <th:block th:each="item: ${catalog.content}"> <li><a th:attr='href=${"editrequest/" + item.catalogItem.id}'>
Position content outside JQM container
If for some reason, I have a specific DIV content inside data-role=header, How I can position it like usually we do for css position:absolute ? I tried but it appear only as relative to header. I would like to make it position anywhere in the page. Anyone know how I can do this?
Navbar - sub menus remove data role
Hi, I'm using default JQM NAVBAR, however I would like to add a custom sub-level menu list but somehow it inherit JQM styling even I added <div></div>. <div id="nav1" data-role="navbar"> <ul> <li><a href="#" class="ui-btn">Menu-1</a></li> <li><a href="#" class="ui-btn">Menu-2</a> <div> <ul> <li><a href="#" class="ui-btn">Sub-1</a></li> <li><a href="#" class="ui-btn">Sub-2</a></li> </ul> </div> </li> <li><a href="#" class="ui-btn">Menu-3</a></li> </ul> </div> I would like to "remove" default JQM styling
JQuery Mobile markup in AJAX-loaded tab not working
Hi! Probably a noob question, but anyway... I have a tabbed navbar on top of my page. When I click a tab, I want that content to be loaded dynamically and displayed below the tab. Here's my HTML: <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Bosphorus</title> <link rel="stylesheet" href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css"/> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Scroll inside panel
I love the new panel feature. When the panel is used as a menu, it would be nice to have the content in the panel scrollable, and not effect the page position. I would like a scrollabel div with height 100%, because of all the different screensizes out there. I get the scrolling to work with a fixed height of the div, with position:absolute; overflow:scroll; but that wont work with the height of 100%. Maybe its some css on the panel set by jqm. Can someone help me with this? Thanks.
Styling a button - what is going on here!
Hi guys, I'm having a nightmare styling some otherwise simple buttons - I think because of the jQuery default CSS applied see below for an extract. This creates an odd effect of covering the text on the button ("Proceed") in the green background colour, and also only covering part of the button (due to the width 50%) - I have captured a shot of the output below. Can anyone shed some light on what is going on here & how I can customise the button effectively? Thanks! Wayne <input type="button" value="Start
Button add via JS don't fetch styles
Hello. There are two buttons. First button shows correct, but second button shows not correct. The button 2 added via JS. How to fix second button ? Help me please. http://codepen.io/warma2d/pen/qNrmGY
selectmenu("refresh")not working
I have below select menu options From:<select data-native-menu="false" data-inline="true" data-icon="arrow-d" data-iconpos="right" id="StartStation" class="MyOptions"> <option value="x" data-placeholder="true selected="selected">-Select Start Station-</option> <option value="1">1 </option> <option value="2">2 </option> <option value="3">3 </option> <option value="4">4 </option> <option value="5">5 </option> <option value="6">6 </option> <option value="7">7 </option> <option value="8">8 </option>
select menu widgets does not reset selectedIndex when recreated.
Hi, In our JQM application, we recreate option lists for a select menu widgets, but the selected index does not reset to -1 when options are recreated. there is demo http://1.zgwphpt.applinzi.com/zgjs_test.html <div data-role="content"> <input type="button" value="click to test" onclick="test();"> </input> <select id="sel-test"> </select> </div> function test(){ $("#sel-test").empty(); for(var i = 1;i <10; i++){ var opt
Scroll is not working on ios9 using jquery mobile 1.4.5, Please help me.
Dear All, My website scroll is not working on ios9 using jquery mobile 1.4.5. I already added "style="overflow-y:scroll;-webkit-overflow-scrolling:touch;" but it won't changed. So, I changed -webkit-overflow-scrolling:auto. It is working well but no smooth. How to do to smooth the scroll. Please help me.
NEWBIE ASSISTANCE PLEASE with Migrating from jqm 1.2 to 1.45
0down votefavorite I am migrating up from jquerymobile 1.2 to 1.4.5 the content for each of my pages on my app commences with the following syntax, $("#DemoAccountRegistrationPage").live("pageshow", function() { I have been able to figure out i need to transition the .live to .on so the above becomes each page reference $("#DemoAccountRegistrationPage").on("pagecontainershow", function() { however i realise that the above format is still not compliant for 1.4.5 hence why the content is not loading
Lock Orientation in Portrait
Hi guys, Is there a way to use jQuery to lock a device in portrait mode? I am using PhoneGap and testing on an iPhone 6. I have tried editing "config.xml" to have the following: <preference name="orientation" value="portrait"/> But when I load the app on my phone (via PhoneGap) it still changes to landscape. I'm keen to prevent this as it throws my layout into disarray. Thanks Wayne
JQM Local Storage Pages Form
Hey, First sorry for my Englisch. In my ToDo App I want to go a step further. Till now I have an App which shows me my Tasks, so I can add a Task oder delete it if I finished it. Now I want to make it mor detailed. For that I want to make a own page for each Task. So maybe instead of adding a text to the local Storage I want to add a button which opens a Page. For the Page i´ve made a form to maybe add a Little text for the Task and the Time in which i have to finish the Task. Now my questions are:
List view does not refresh probably
Hi, I create multiple buttons for list view rows as the following: <ul data-role="listview"> <li id='li-1'> <h2>title</h2> <p>test text</p> <p class='ui-li-aside' id='p-def-1'>aside text</p> <div position='relative' align='right' data-role='controlgroup' data-type='horizontal'> <a href='#' data-role='button' data-icon='gear'>change</a> <a href='#' data-role='button' data-icon='delete'>delete</a> <a href='#' data-role='button' data-icon='check'
Uncaught Error: cannot call methods on listview prior to initialization; attempted to call method 'refresh'
Uncaught Error: cannot call methods on listview prior to initialization; attempted to call method 'refresh' line of error point to list.listview('refresh'); // list === ul jQ selector XDK/HTML5/JQM jQ 1.8.3 jquery.mobile-1.2.1 what to do? - and in W10UAP test run sometimes App window closes in W10 [I do Not have W10 phone] - but not know if for this... but closes when reach this point. NO PROBLEM IN IOS OR ANDROID SMARTPHONES ONLY IN W10 DESKTOP....
jquery mobile
I have a new project where I have a multi-page site. I'm trying to go from page 1 to page 2 and calling javascript to access a php page so I can print data from mysql. It's working well ONLY AFTER A MANUAL REFRESH. The data will show up for a split second, then disappear. I've put the javascript function call in the body of my 2nd page. I've tried pagebeforeshow and other events, but it's still the same problem. Any help would be appreciated.
Using FB credentials to login to cordova app
Hi, I have made a mobile app using cordova and jQuery Mobile. Everything was going OK so far and i had no problems using any of the cordova plugins. But now i wanted to add authentication based on FB account so that users can be verified before they login the app and use server side APIs. The problem is i can not understand how to use FB cordova plug-in. It's very confusing for me. And i havent been able to find a good titorial or help online. The plug-in i want to use is https://github.com/Wizcorp/phonegap-facebook-plugin.
Database driven mobile app and jQuery Mobile
Hi there, So far I have developed only one mobile app using jQuery which doesn't use any database. Now I want design a mobile app that will allow group of users to add their daily schedule. I will have one form to add their schedule and another to view their schedule. I would like to store schedule of different people on a SQL Server. Based on my limited knowledge, I will have to design a form using jQuery Mobile and it will call an asp.net page hosted on some web server that will process the form
header and footer not fixed in iOS devices
Hi I have make an iOS application using jQuery mobile. But if i click on any input or texarea header bar are not fixed on their position.I am using jQuery version is 2.1.1 and jQuery mobile version is 1.4.5. Use css like position: fixed or position: absolute and top: 0 they does't properly work on click on any input/textarea in iOS devices.In android they work great. Also i am develop hybrid app. guide me in this issues. Thnx,
scrolling locks up on my corodva based app using query mobile for ios
I have a an building on cordova and using query mobile for IOS and the screen scroll locks up often one i form page is submitted or even before the submit button is clickws. Once it locks up scrolling freezes on all pages unless i close and restart app Is there a known problem and or solution to ensure auto scrolling remains active on every page
Listview JQuery Mobile, which the maximum size?
which the maximum size that a listview may have to search without crashing?
how to avoid ugly and slow animation of jqm when load an image on page loaded?
I am using camera plugin of cordova to take a photo on camera success i have this function: previewPhoto: function (filename) { console.log("previewPhoto: execute numFoto " + this.numFoto); var img = new Image(); img.onload = function () { $("#hGallery").append("<span id='image" + this.numFoto + "'></span"); $("#image" + this.numFoto).append("<a id='btnFotoAnteprima" + this.numFoto + "' href='#'></a>"); $("#btnFotoAnteprima" + this.numFoto).append("<img id='fotoAnteprima"
Clear history of a page JQM
Hi folks ! I'm developping a webapp using JQM. I have a "sequentail" pages something like that : index.html=>#page1>#page2>#page3>#page1.1>#page1.2>#page2.1>#page2.3...etc and in some pages I have this structure : <div data-role="page" id="page2.1"> <div data-role="header" data-theme="b"> <h1>My website !</h1> <a href="#page2" data-icon="back" data-iconpos="notext" data-rel="back">Back</a> <a href="#search" data-icon="search" data-iconpos="notext" data-transition="fade">Search</a>
jquery mobile listview refresh not working
please answer my question in stackoverflow, the link of question is: the link of question
Swipe page navigation
I am a newby to jquery mobile and I am trying to learn it by creating a simple app, using the documentation in the jquery mobile 1.4.5 demo page. Almost all the information is pretty straight forward, exept for the page swipe event. I don't understand how to apply this demo in my own app. What I have done, is the following: - I've created a swipe-page.html with in the <head> tag all the links to the CSS files (jquery.mobile-1.4.5.min.css, jqm-demos.css, andf swipe-page.css) and the necessary scripts
checkbox is not working on anroid phones only.
Hello, I have setup a store in prestashop i am having the filters on category page. Filters are having the checkbox and filter is working well in Deskstop version but not working well android phone only. my code is below $(document).on('click', '#layered_form input[type=checkbox]', function() { alert('hi'); reloadContent(true);
});Alert prompt is coming in the desktop version not in anroid real device. Can anyone let me know what is wrong?
Listview - finding the first enable list item query.
Hi, what is the best way to find the first list item that is not disabled in a listview? https://jsfiddle.net/a4poster/ysyxvtyp/34/ Thanks.
Next Page