Strange footer behaviour
Hello, Please, be aware that I'm quite new to JQuery. :) At the moment I'm working on a mobile website using ASP MVC 4 and I encounter a problem with the footer when I use a A href link to a new page. Let me explain: The first page is renderen without a Layout page, the second page has a layout page and adds a footer at the end of the page. I start the first page (http://localhost:51194/home/hoofdmenu) and that page uses a a href to navigate to the secons page: <a href="/Home/Filiaal"> <img src="/Content/App
for few div switchoff jqm style
Hi', how switchoff jqm style for 1 or 2 bloc div with change the other div using correctly jqm style. i try to use data-enhance="false" but the jqm lookandfeel start for all block It's possible in the same page had block with / with out jqm style ? Sorry for my bad english A bientot ChrisFromParis
I need to run a link is it possible to determine when a link is excuted.
I need to run a link <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> is it possible to determine when a link is excuted. I currently have the link installed in the head like <head> . . . . . . <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> </head> and it fires my script. <script>!window.jQuery && document.write(unescape(''))</script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script>!window.jQuery.ui
Page transition problem
I have sweated my head off, but can not figure this out. I have very simple jqm test page, http://veikkola-weather.com/mobile_test.html Sometimes page transitions work, most of the time not. What is the remedy here? It worked some weeks/days ago, problems started recently. I have tested Android, Chrome, Safari, WP7.X, all the same behaviour. -Timo --------------code------ <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1">
1.2 popup picture gets blurry on my Android 4.0 phone, also on the demo page
I'm trying out the new 1.2 popup features and I've tried to make a nice popup picture with it on my site. It worked really nice at first but, when I added the dark semi transparent background (the 'screen' as they call it) the picture turns really blurry/low res. Actually when I open the popup the picture shows right away but the dark screen takes a moment to show up, along with the blurriness. I turned off all animations on my site but the dark screen still seems to fade in. I tried if the popups
How to Embed YouTube video in jQuery Mobile Website
Nobody seems to have asked about YouTube embeds here, so it's probably a dumb question, but every attempt I've made to embed a YouTube video in a jQuery Mobile page or dialog results in a cross-domain JavaScript error (Chrome) or "Permission denied to access property 'toString' (FireFox). I can generally get one video to play in, say a dialog, with the iOS simulator, but the Website doesn't work the way it is supposed to afterwards, the breakdown apparently resulting from JavaScript cross-domain
Having problem in jQuery Mobile with dynamically loaded select menu ....
I have a jQuery Mobile application which dynamically loads html form code into an empty div inside the "content" div of a web page. <div id="MainContent" data-role="content" data-theme="b"> <div class="formspace" id="formspace" ></div> </div> Having problems with the dynamic loading of the select menu form element into #formspace. All other form elements are behaving as expected. During an "Add" process, the select menu is loaded as follows: <select id="mtype" name="mtype" size="1"
Vertical space between images
I'm using jqm for a while now and since the beginning I stumbled upon an image problem. Working example: http://www.m00x.com/jqm/image.html Whenever I put an image on a page, it has a space under it of 5px. This problem consists on both pc and mobile browsers. The space ain't margin, padding or a border. I've put those on 0 to be sure. For now, I always fixed it the dirty way: img { margin-top: -5px; } But, of course, I dont feel happy with it :-) Below is the code I'm using. Even in a very basic
JQM, Knockout and Select Lists
All, This is almost certainly something that someone has tripped over. I have a select bound to an array of times. If I pull the list down, I can see the contents, but the the presented "value" for the list is blank (looks like there is no selected). I saw some entries elsewhere that JQM deals with select lists in an unusual way: http://stackoverflow.com/questions/9373982/knockout-and-jquery-mobile-binding-data-to-select-lists .... but whatever these guys are talkng about doesn't appear
Key classes not assigned with ASP.NET Web Forms.
It seems since about v.1.0.1 that the html.ui-mobile, body.ui-mobile-viewport and body.ui-overlay-x CSS classes aren't being applied if the content is wrapped in a <form> element. Anyone else experiencing this? I would just remove the form element, however, it's required for using certain .NET controls on the page. EDIT: Actually, it appears the body classes are being applied to the <form>, not the <body>. I see that you can specify a pageContainer property in the changePage and loadPage events,
Text input field in BlackBerry
It seems there is a problem with input fields on BlackBerry devices (user who reported this problem uses OS 6.0). The input fields are blacked when you click there. Here is a screenshot uploaded by the user who reported the problem: http://www.geocheckpointing.info/index.php?topic=28.msg77#msg77 I tried BlackBerry emulator and I found out the problem is probably not in my code because I saw the same problem when I navigated to the jquery mobile demos.
Keeping the header and footer in nested listviews
When I used a nested listview for the first time, I was a bit surprised to find that it created new a new header dynamically instead of just keeping the header and footer of the parent. For my current project this is really important, so I searched around and found many people with the same expectation. I've modified $.mobile.listview._createSubPages to support this functionality by setting data-dynamic to true or false on the <ul>. Ideally this could be implemented as an event or callback so that
how convert my custom css to 1.2?
With 1.1 I have a structure css and a custom css made with the theme roller. With 1.2 there seems to be only one css file and there is no theme roller for it currently available. I've tried to get the 1.2 working with my custom theme but I can't seem to get it to work correctly. Any advice on what to do?
Problem with Jquery Loading in? [Live Example]
Hey guys, Pulling my hair out at this one - I've got a slideshow on my site which also uses jquery mobile: http://palmercreative.co.uk/m/ It seems to display the slideshow as if there's no jquery first time, then when you refresh it's ok? Is it something to do with the way I'm loading the jquery in? Is there some sort of no conflict thing I need? The head looks like: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Canal holiday - Find the
Using 36x36 icons instead of 18x18
Hi, I just started a new jQuery mobile app and I'm very impressed :) But I have a problem... I've been trying to us the 36x36 icons (the big ones) because the 18x18 are to small for me and I couldn't make it... How can I do that ? How do the switch between the 2 sizes work ? Thanks kinkaz
Advice on optimizing for mobile connections
We recently launched a new app and some users are complaining about receiving the 'Error loading page" frequently. We've tested the app and it works perfectly over WiFi/LAN but when going through the wireless carrier we sometimes receive this error but according to the users it is far more frequent than we are able to reproduce. The app is accessed over HTTPS and very little can be cached because the data is constantly changing. I've read that setting all scripts & resources over HTTPS is best which
Recommended secure (https) CDN for 1.1.1?
We've been using the Microsoft CDN (http://www.asp.net/ajaxLibrary/CDN.ashx#jQuery_Mobile_Releases_on_the_CDN_3) for secure (https) hosted jQueryMobile (https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.js) .... but 1.1.1 STILL has not shown up there. Any one know the reason? Is it ever going to be there? If not, is anyone aware of an alternate source? Thanks, Randy
Hash value doesnt update when clicking a list item
I am new to Jquery mobile. Following is the first simple code that I am trying out. I see that when navigating from the listview on the 2nd page (groupcalls) to the detail view page (callview) the URL remains cached to the first list selection. even though the HREF (on hover) displays the right values (?p=1 or 2 or 3), on clicking it navigates to the last selection. What am I missing ? - Any help is appreciated. <!DOCTYPE html> <html> <head> <title>First Mobile</title> <meta name="viewport"
how can i stop jqm cache my page?
i dont want jqm cache my firstpage, because i cant update my firstpage data
Mobile cache problem?
I've been having a few problems with caching in jquery mobile. In essence, my app is loading a much older version of a script from a page every time the back button is pressed. The start screen of my app has a search using a few different filters, at least one of them is required. I have a bit of jquery to require this. On the first time a user visits the start screen there is no problem at all (the validation works properly), however if the user hits the back button and tries to search again,
text wrapping
I have created the button to display the text and image but text is large & it is going out side button i want to display complete text even if window size is change and button size is fixed. I want solution like if the text is large it should be display in next line as shown above it is not showing complete text i want to display complete text . it is possible or it is the drawback that we cannot display two line text in jquery or there is any alternative of using button .
Android default webbrowser problem
Hello, I am developing application with jquery mobile and phonegap and I have one huge problem. First problem is password field and the problem is next : when I click on password field (<input type="password" id="password" value="" />) it goes white and whatever input type="password" is white and input type="text" is ok. The other stuff is JavaScript and button onclick="". I googled all night long and tried all solutions there are with <a> tag with <input> tag and with <button> tag but non of it
Aligning form elements
Is there any way of making a button with a data-inline="true" attribute line up with a text field? The HTML produced for the button wraps a hidden button and a couple of <span> tags inside a <div> I've made the text field narrower by adding a class that specifies the width, but all the padding and margins on the div messes up the alignment. Generated code - all teh <div> and <span> tags are added by jQuery Mobile <small>Quantity:</small> <input id="Quantity_535_569" class="smallQuantityField ui-input-text
listview('refresh') on android ICS 4.x makes list go blank. Phonegap.
Hey there, Been using jquery mobile for a while now so i'm pretty sure this isn't a basic question. I have a page with: <ul id="mylist"></ul> When i get a array back from a succesful web service call i declare the list: $("#mylist").listview(); I then empty my listview as I am completely refreshing the data: $("#mylist").empty(); I then append to my list in a loop: $("#mylist").append('<li>test</li>'); Then once finished i refresh: $("#mylist").listview('refresh'); I have tested my code on Android
mobile websites
hi i wanted to develop a website which works in all the devices... can u guys tell me how to achieve it...
Jquery mobile not working in Blackberry Bold 9000, Nokia E71 and other...
Hi all Entering mobile jquery not working in my BB Bold 9000 and from a Nokia E71, .... Should we add anything else? What needed to perform well? I copy the code: <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
How to link to wordpress pages
Hi, I'm trying to build a mobile website with Jquery Mobile. I'll explain what my plans are. For my customers, which allready hava a desktop website, I want to make mobile websites: Jquery Mobile websites with a connection to the desktop website. So when they change text on their desktop website, it automatically changes on the mobile website too. The first customer has a wordpress website. That's very simple, because Wordpress has a Jquery Mobile plugin. But I don't want to use that plugin, because
jqm 1.1.1 shows address bar for every page transition in safari ios 5.x
I built a mobile app with 1.1.0 for iOS5.x safari (iphone) and the page links never caused the address bar to drop down. The ajax worked great! Everything worked pretty well until I tried 1.1.1. Now with jqm 1.1.1 every page link to another local page causes the address bar to drop down. Tested so far on an iphone 4 iOS 5.1 in safari. These are just basic links going to another page in the same directory. Sample page 1: <!DOCTYPE html> <html> <head> <title>Page 1</title> <meta name="viewport"
Upgrading from 1.0.1 to 1.1.1
I've just downloaded version 1.1.1 and I changed my site (which is still otherwise under development) to use the new .js and .css files. It's not good. 1. ui-grid-a lists now wrap - all the panels are listed on the left, but only taking half the screen width. Note: this seems to be fixable by changing the style: .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; } from margin-right: 5px;
Thumbnail Swipe Gallery
I'm trying to create a row of thumbnails in their own div that can be swiped and on a touch event will display beneath the row. I'm new to jquery mobile and I was just looking for someone to point me in the right direction. Thanks in advance.
Jquery Mobile Scrolling Problem on iOS 5
Hello Team, I am working on a project in which the technology stack is Jquery-Mobile and Phone Gap. In my application I am using Jquery mobile filter list view which having 22 list item. When ever I scroll down to 22nd item and click, the screens scrolls up and then navigate to different screen. I searched a lot, but not found any luck. I am using JQM transition also. Please response me ASAP Thanks & Regards Vivek Srivastav Sr. Software Engineer iGATE Computer Systems Ltd.
tap event fired after taphold.
I am developing an app for iOS using Phonegap bundled with jQuery Mobile 1.1.1. I have a div on my page that is listening for both tap and taphold events. The problem I am facing is that the tap event is fired after the taphold event once I lift my finger. How do I prevent this? A solution is provided here but is this the only way to do this? Kinda nullifies the whole point of having two different events for tap & taphold if you need to use a boolean flag to differentiate the two. Following is my
Collapsible div within a collapsible inherits events bound on the parent?
Collapsible div added to another collapsible div inherits the events that are bound on the parent collapsible. Is there a way to stop that or am I doing something wrong. Say for example I create a collapsible div and add another collapsible div to this div. Now if I bind collapse and expand events on the parent div the events are also fired for actions on the child div. See the jsfiddle example - http://jsfiddle.net/UQWFJ/58/ If I bind the expand and collapse on the parent the child also has
Scrollbar not visible in jquery mobile app
I am working on a jquery mobile app which uses phonegap. In the app, I am dynamically loading a listview in a page with number of items greater than what can be shown on a single screen. When viewing in android emulator (Android 2.2), the listview is shown fine, and I can swipe or use the buttons to scroll down, but the vertical scrollbar is not visible. Do I have to do anything special for the vertical scrollbar to show up? When I open a static version of the page in a browser (Firefox), the scrollbar
jQuery Mobile page unable to access pages on my server
In response to the growing number of handheld users in our schools, I've been tasked with designing a simple page for phones based on my equally simple gateway into our Online Public Access Catalog (OPAC) using jQuery Mobile. The problem that I am having is that any link that references pages on my server fails to resolve. from the "Page 1" it passes to the appropriate page, but once you access that link it goes into a "loading" state that never completes. While in Dreamweaver the links work fine
HOWTO: Long ListView wirh thumbnail delay loading ?
Hello, I need a help. I have a long ListView with thumbnail icons. Like this - http://jquerymobile.com/demos/1.1.1/docs/lists/lists-thumbnails.html How do I tweak the system so the, at 1st only the items which are being shown on the screen, those thumbnail will be loaded. Then if the user scrolls down, more thumbnail images will be loaded. that is as the user scrolls down, the images will be loaded. Same thing happens in Facebook Timeline. Try to see the old posts.... I don't know how to do this
jquery mobile slider
Hi, I am new to javascript / Jquery Mobile. I had created slider in my web page using jquery mobile UI, These are my JS files. <script src="resources/js/jquery-1.7.1.min.js"></script> <script src="resources/js/jquery.mobile-1.1.1.min.js"></script> <link rel="stylesheet" href="resources/css/jquery.mobile-1.1.1.min.css" /> Slider div <div id="agediv"> <label for="ageslider-0">Age:</label> <input type="range" name="ageslider_r" id="ageslider-0" value="00"
When I type "&" character in textbox, application crashes/closes. All other keys are working properly.
Hello, I have simple text box(type="text") on the page. When I try to type an ampersand character using a keyboard,the application crashes/closes. I tried removing the Jquerymobile js file and then the "&" gets properly typed in using the keyboard. This issue is present for "&" keyboard key only. Checked in android 2.2 and 4.0 devices. Tried changing the type of textbox to url too,however it did not work. I tried using latest jquery.mobile-1.1.1.js with phonegap, but it is not working. Note that
Update content on mobile website
Hi, I am new user of jquery mobile, i want to make a mobile version of my website with the help of jquery mobile framework, so i want to confirm this, is that possible that if i will update content in my desktop website it's also update on mobile website simultaneously. Please help if it's possible
Desktop & Mobile both w/ JQM?
I've looked at several discussions of whether or not JQM can be used both for desktop browsers and for mobile devices. Unfortunately they are divergent, probably because JQM is so new (and great!). So as a noob, and someone looking for a reasonable, simple JQ UI solution, can I use JQM for both my desktop pages and mobile pages? I was hoping I could just assign a div to JQM and all would be fine. Would that work? Also, the group I work with is building both desktop and phone sites, so if we could
Next Page