a small wiggle when change page at header and footer transition
Hello guys, i don't know if any one can help me, i have this little issue, when i changed page, that my header and footer are fixed i see a small wiggle, they continue in the same area but u can see for a while that they move a little, i don't know if u understand me, but if any of u could help i will appreciate a lot
Standard search for list view
Hi I have a listview that is an RSS feed and has a data-filter=true attribute If you enter text in the search filter, it only searches for the text in the contentSnippet, if you click on the list item, it displays the entire text for the rss feed. Is it possible to set the search, so it searches the entire entry and not just the snippet of the text. Any help would be greatly appreciated. Cheers
how do I managed to drag the image to the side?
put an image in my application, but I can only move it up and down. I can not move it to the side.
Slider event in v1.3 not working as it did in v1.1
Hi, In JQM v1.1 I use the $('selector').slider('refresh') to update my slider value dynamically and listen for the slider change event like, $('selector').on('change', function(){ console.log( this.value; )}. In v1.3 I can update the slider visually but in the this version there is no 'change' event, only 'slidestart' and 'slidestop'. How can I fire the correct event when I dynamically update the slider? Thanks.
How to align an image left in Header (jQuery Mobile)
Hi all, I'm designing a jQuery Mobile site, and I want an image as a header, but when I insert an image, the image is center aligned, and cut off. How can I set the image to be left aligned to show everything? My coding: <div data-role="header"> <br/> <br/> <br/> <h1><img src="/images/Inligting.jpg" width="202" height="104" style=" overflow:visible; float:left" align="left"/></h1> </div> Please help me! :)
Phonegap & JQM support for Blackberry 9360 v7.1
My application perfectly works on other platforms and Blackberry 9900, and also emulators including Blackberry 9360. But when it comes to this particular device, some icons are not clickable, radio buttons does not change on click, etc. It behaves pretty strange. I was wondering did anyone tested on this device particularly, and is the problem maybe in the WebKit browser support of HTML5 or else? Thank you :)
Logo align left in header (JQuery Mobile)
Hi, I want to put an image in the header of my site. I've got a Back Button on the left hand side of the header and then three <br/> and then my image. The image displays in center the whole time.... how can I get it LEFT??
export/import SQLite
hello, I'm creating a client application with jQuery Mobile and PhoneGap. Can I export and import the database sqlite to sdcard? thanks
Column-Toggle Table bug in Android 2.3
Hi, my name is Juan Pablo. I have a problem with Column-Toggle Table. When I run my app on Android 4.0 it works fine but if i run it on a device with android 2.3 it crash. the column button dosent show correctly. It only show the text. And I lost the function to horizontal scroll the table. This is my HTML Code <div data-role="content" id="content"> <div> <div style="overflow:scroll" id="divTable"> <table style="position: relative;" id="TableMonitor" data-role="table"
JqueryMobile Dynamically adding list
Hi folks, I am actually new to JqueryMobile development. I am trying to build one simple page which will fetch data from the service and dynamically add it to the list. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Restaurant Picker</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile.structure-1.0.1.css" /> <script src="js/cordova-2.6.0.js"></script> <link rel="apple-touch-icon" href="images/launch_icon_57.png"
JqueryMobile Dynamically adding list
Hi folks, I am actually new to JqueryMobile development. I am trying to build one simple page which will fetch data from the service and dynamically add it to the list. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Restaurant Picker</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile.structure-1.0.1.css" /> <script src="js/cordova-2.6.0.js"></script> <link rel="apple-touch-icon" href="images/launch_icon_57.png"
jquery mobile link not working under android 2.3 version
hi, i developed a small web mobile site...in default page there are links... in iphone when i click links it works but in android (below 2.3 version) it does not work... in this links http://e.yazilimsozluk.com/ when i click this ( Patatesli Kek Tarifi) it works with iphone and android but not works with android which version under2.3 version what should i do i tried <a rel="external" href="Home/TMGetir/7" </a> i tried wtihout external such as this <a href="Home/TMGetir/7" </a> but it does
Play nice with major JS Frameworks!
JQuery Mobile has awesome styling and layouting features. But it's page philosophy does note play nice with major JS Frameworks like Ember.js, Angular.js, Spine etc. These Frameworks do not replace the whole page, but instead allow you to replace a single dom element on user interaction. Therefore for example it is not possible to use JQuery Mobile CSS Transitions withs such Frameworks. So why not extracting the UI features in a single Module and allowing this Transitions to happen on DOM innte_html
Jackbone, a Framework to use Backbone.js with jQueryMobile
Hi, There is a bunch of solutions to integrate JQM with Backbone, most in the form of demo applications. But instead of having a bunch of people having to maintain their own copy of this code, I found it would be interesting to provide that as an external library. Jackbone is aiming to make JQM + Backbone multipages client applications painless. Main features include: a JQM-specialized View class a Router class a ViewManager that keeps rendered Views alive for a few minutes an optional Controller
Text cut off on Button in two column Grid
Using 1.3.1, see image above, the "Top Picks" is cut off in portrait view on an iPhone 5, landscape displays it fine. As you can see there is plenty of space for the "Top Picks" between the icon and the start of the text. What can cause this and what can fix it? Here is my source: <fieldset class="ui-grid-a"> <div class="ui-block-a"><a id="btnSearch" href="search.aspx" data-icon="search" data-role="button">Search</a></div> <div class="ui-block-b"><a
Column toggle refresh issue in 1.3.1
Neither name of nor number of columns are updated upon refresh of the table. <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> <script> $( document ).on( "pageinit", function() { $( document ).one( "click", "#add_and_refresh", function () { var newCol = '<th data-priority="5">Reviews</th>';
bored and tired. a lot of problems in different android
I must to develope an app to connect and work with a mysql database and I had decided to use JQM. (it will be easy! ha). two weeks later I have countless problems. I don't know a better place to write my sorrows. Let's start: I have an LG Optimus SOL (with CyanogenMod 7) and android 3.2.7 and app works (more or less) fine but it's time to enumerate the problems: MOST SERIUS 1) In a Samsung Galaxy Note (4.0.4) all the dynamic content doesn't display. I rewrite almost body with jquery. the body is
Windows Phone 7: jQuery 1.9 or 2.0 ?
What is the best version of jQuery Framework to develop a WebApplication dedicated to Windows Phone 7? And Windows Phone 8? jQuery 1.9 or 2.0 ?
Checking HTML5 page design in Android browser from windows server 20012 /. visual-studio 2012
Hi I am developing a html-5 mobile application in visual studio 2012. I want to check my pages with android Browser during development. My os is windows server 2012. How it is possible. I have installed android 4.0.3 for windows . But it is not working.
Rewind (!) back - not just $.mobile.changePage
History of my pages / activities is: Home page (page0). List of issues (page1). Detail card of issue (page2). Popup for confirmation to delete issue (not a page because of JQM popup isn't a page).When I confirm deletion of issue and delete it, there is no reason to return back to page2 (it's content dropped). The only valid transition here - from popup to list of issues (back twice). BUT. When I jump from popup to page1 by $.mobile.changePage, history saves page2 as previous page. So, when I press
In Android 4.1.2 go to index.html when I change the orientation of the device
Hi all. I'm developing a apk with JQM and I have a problem with I play the app in Android 4.1.2 (but it works perfect in Android 3.2.7). I'm simple (and stupid). Open the app, and you see index.html, click in a link and go to example.html. BUT if you change the orientation of the device it will go to index.html Thank you
Accordion on Jquery Mobile
Using Jquery UI Accordion. Is there any way to put a background color to the heading when is open and leave the rest on the same color they have and when close it recover its previous color?
i have this but external links only in dreamweaver work not in chrome
<div data-role="footer" data-position="fixed" data-id="vs_footer"> <div data-role="navbar"> <ul> <li><a href="#" data-role="button" data-icon="home" >Home</a></li> <li><a href="/map.html" data-role="button" data-icon="info" >Map</a></li> <li><a href="#page4" data-role="button" data-icon="search" >Search</a></li> <li><a href="/index2.html" data-role="button" data-icon="star" >MyTravels</a></li> <li><a href="/index3.html" data-role="button" data-icon="plus" >MyNotes</a></li> </ul> </div><!-- navbar
jquerymobile filter out script
As the title said. During using jquerymobile, I found that if I direct to page B from page A, scripts contained in Page B will be removed, but I want these scripts. How can I prevent this??
Problems with forms and IE<10
Hi! Could it be, that Forms are Broken in IE9 and below? I built a form, jQuery Mobile is built in just for optical reasons, the whole form handlng happens with php. But I can't even sent the form to get to the php-part, because if I click the submit-button the form just hangs with the swirly loading thingy. If you want to try it by yourself, here's the form: http://scripts.gewerkschaften-online.at/Y02/vermoegenssteuer/testing.php (if you don't speak german, you are required to put numbers in every
Search field for tables
I would be very pleased if you add the same search widget of listviews for table widget. I'm providing the user extense table data in my app and they are asking me for that search box I have in listviews. Is it in your plans to build something similar? Thanks!
Panel: slide drag and snap back
Hello guys, i'm tryiing to developing a plugin to jquerymobile to close the panel sliding the main content to the side where it is open. There's a example what i'm doing here: http://jsfiddle.net/Qb2DV/13/ I have some quests: How could i know if swipe is left or rigth using the $.event.special.swipe.stop, i've been trying using $.event.special.swipeleft.stop or $.event.special.swiperight.stop, but they not exists. How could i manage if the content is on the limit of the page? Thanks!
auto back button icon showing left arrow
I can't seem to get the icon on the auto back button to show the correct "back" icon - it always shows the left arrow. Based on my head section and an example page below, any one have an idea of what I'm missing? <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>SV/AM Coach Guide</title> <link href="jquery-mobile/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/> <link href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css"/>
Checkbox icon disappear in 1.3.0
I've change my old js and css JM files with newest, color theme was also downloaded from themeroller... After that checkboxes "checked" icon disapered. Any other icons are fine, also all icons back colors are Ok. Is it some JM bug or I just did something wrong? In my project linked two css files: jquery.mobile.structure-1.3.0.css, themes\grey.css and two js files: jquery-1.6.0.js and jquery.mobile-1.3.0.js
internal mail client ala gmail.
Interested developing / contributing to a jQM mail client. Please let me know of any progress to date. I use jQM for a number of mobile sites and need an internal mail client ala gmail. Best JC
tap fires twice with live("tap")
On mobile safari with live("tap"), tap event fires twice. And this causes kinds of bugs such as opening dialog twice, sending ajax request twice, etc... The most notable one is, when you tap a text field, safari sometimes focuses nowhere. The following is a minimum code that reproduces it. <!DOCTYPE html> <html> <head> <title>tap twice</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"
JQM listview before filter: query data?
I am trying to get the ListView before filter function working. I can get the demo to work successfully on my project but when I try to query my own url, it fails. I suspect it has something to do with the data. The example code uses: data: { q: $input.val() } 'q' did not work for me, so I tried the field name from my table instead "OrgName" data: { OrgName: $input.val() } That did not work either. My list comes from a single column table. I also changed the datatype to 'json' (from 'jsonp'
Re-direct script
Hi, I am getting an issue while searching the contents in the iPhone, it is not re-directing to the mobile site but re-directing to full site.. For Example: 1. When I do a search for "acupuncture" on my iPhone and click the link, it should take me first to the mobiles website and not to the Full website. 2. I need to have "View Full Website" on mobile site so that when i click the link, it should take me to the Full website. Below is the code which i have given inside the <head> tag on "index.php"
I am using jquery-mobile-datebox ,I got a issue while upgrading new version of JQuery
" TypeError: Result of expression 'b' [undefined] is not an object." the error shows like that, Upgrade JQuery versions jquery.mobile-1.3.0 jquery-1.9.1.min jquery.json-2.4.min Thanks
JQueryMobile MVC4 - Import iPhone and Android Contacts/Calendar
Hi All, My architecture: Backend: NET 4.0, MVC4, C# Frontend: jQueryMobile, Javascript, HTML/HTML5, Razor Engine Controller/Actions use .cshtml files to serve up Web Pages. Is there a way that I can access iOS & Android Contacts and Calendar using some type of API callable from Javascript. Thanks, Joe
problem retrieve parameter url
Hello, I'm trying to retrieve a URL parameter in a PhoneGap application with jQuery Mobile. From the link: <li id='menu_list' ><a href='index.html#detalle?web='xxx'></a></li> From the page as I try, how I can get up that parameter? $('#detalle').live('pageshow', function() { alert ("pageshow"); var id = getUrlVars()["web"]; alert(id); });
Upload Image using Jquery Mobile
Hai, I am Developing Small Jquery Mobile App. The New Jquery Mobile Features and UI very nice. But I have samll doubt on Upload Image. i am using like <input type="file" data-clear-btn="false" name="file-2" id="file-2" value="">. in web browsers its working fine . but Some Android Mobiles means 2.3 2.2 versions not working properly. in android 2.3 and 2.2 when i am click the fileupload button it sows only Choose image From Gallary. Not Showing Camera Option.. in 4.0 version Shows Both.. plz
camera options in JqueryMobile
Hai i have samll doubt . Is there any camera Options to open camera When i am click the Button in Jquery Mobile. <input type="file" data-clear-btn="false" name="file-2" id="file-2" value=""> not support for open camera in Some Android Devices and Iphone ... In New Android mobile Versions working fine .
jQueryMobile Facebook AJAX login
Hi All, Been at this for several days. Basically I'm getting a 'page load error' when the Facebook callback with token gets hit. Yes, i've read a number of Posts which say to set AJAX to false. So, I do that and the Login works I get my Token, however this causes the web-site to reload but not all the Pages - so I start to get Javascript run time exceptions because certain Javascript functions in other pages which are called in the .Ready function are not found because they're not loaded. I'm
$.mobile.changePage with panel
Hi every body. So for begin very very good job for all people who have work over JQuery, and thanks a lot. I have an little probleme with this function : $.mobile.changePage When is use with panel. the first loading so without use '$.mobile.changePage' panel work fine. but juste when I reload my page with $.mobile.changePage panel is dead. If you wan't I can post for you an link for see in live the bugs. only if you ask, I hate work for nothing. I use : Jquery 1.9.1 Jquery Mobile 1.3.0 Thanks. And
Next Page