jquery-mobile

Jquery Mobile Duplicating Autodividers

試著忘記壹切 提交于 2020-01-01 15:50:07
问题 I have a list but when I try to generate autodividers for that list I'm getting duplicate dividers. Here is the code for the ul and the relevant script: <div data-role="content"> <ul data-role="listview" id="ScheduleList" data-autodividers="true"> <li time="3:30PM"><a href="#">Event 1</a></li> <li time="3:30PM"><a href="#">Event 2</a></li> <li time="4:30PM"><a href="#">Event 3</a></li> <li time="3:30PM"><a href="#">Event 4</a></li> <li time="3:30PM"><a href="#">Event 5</a></li> <li time="4

How to detect device's internet connection in jQuery Mobile

最后都变了- 提交于 2020-01-01 09:22:28
问题 I am creating this simple mobile web page for a survey using HTML5, CSS3, jQuery Mobile, jQuery UI, ASP.NET, C# and some jQuery Plugins. One of the requirements is to show a pop-up/ dialog (either javascript alert or a jQuery mobile dialog or much better if it's a jQuery UI dialog) that will notify user whenever there is no internet connection the device (specifically Android). Currently I have this code: <link rel="stylesheet" href="../Scripts/jqueryui/jquery-ui.css" type="text/css" media=

How to detect device's internet connection in jQuery Mobile

点点圈 提交于 2020-01-01 09:22:24
问题 I am creating this simple mobile web page for a survey using HTML5, CSS3, jQuery Mobile, jQuery UI, ASP.NET, C# and some jQuery Plugins. One of the requirements is to show a pop-up/ dialog (either javascript alert or a jQuery mobile dialog or much better if it's a jQuery UI dialog) that will notify user whenever there is no internet connection the device (specifically Android). Currently I have this code: <link rel="stylesheet" href="../Scripts/jqueryui/jquery-ui.css" type="text/css" media=

Jquery Mobile Application Strange Behaviour

|▌冷眼眸甩不掉的悲伤 提交于 2020-01-01 09:16:10
问题 I have created one application which contains several buttons to home page clicking on one of that button my application redirects to some view which contains JQM form, with JQM calendar, text field, buttons and database etc.... My query is that when I test my application in android device on that time application works a little bit slow, even if I have not used any images,or any data which can contain more space. That's my first query and second one is that when I tested my application to

IE9 Window Loses Focus due to jQuery Mobile

南笙酒味 提交于 2020-01-01 08:35:06
问题 In our product, we're using the most recent development version of jQuery Mobile in our ASP.NET website. Each and every time we do an ASP.NET postback, the browser window goes to the back of the screen. Example: Maximize any window. Example: Visual Studio, Word, Windows Explorer. Maximize IE9 over it. IE9 is the only thing you see on the screen. Click on a button in our solution that does a postback. IE9 is no longer visible. Whatever was behind it now has focus (and fills the screen, as it

Stop page resize during transition with Jquery Mobile

核能气质少年 提交于 2020-01-01 07:36:12
问题 I am building a phonegap app that needs to scale to all resolutions, and am thus defining everything in terms of percentages. I'm also using a fixed header with a div I defined in Jquery as the contents. The problem I have is that during the transition between pages, there is a 'stutter' because the page height changes during the transition. I'm trying to stop this from happening. Any thoughts? I've created a sample below to really illustrate the point. http://jsfiddle.net/fz7qs/2/ <div id=

HTML5 offline google map access

…衆ロ難τιáo~ 提交于 2020-01-01 07:21:07
问题 We are developing a HTML5 application which has a Google map to change the location of search. Now this app has an offline version too. Is there any way i can cache the Google map & when the application is offline, it will show the offline version? And how could we enable the user to change the location again? 回答1: There is not currently any caching mechanism in place for google maps, in fact the map tiles that are downloaded explicitly have the nocache header specified (interestingly, there

How to position the Placeholder and Search Icon at the center of Search input in jQuery mobile 1.4.0?

拈花ヽ惹草 提交于 2020-01-01 06:53:08
问题 In my jQuery mobile app , I need to position the search Icon and Place holder of a search input field at the center , I have tried the folowing code but it didnt work , the placeholder and the icon are still appearing at the left on android devices . Please help me How can I Position the SearchIcon and Placeholder at the center of the Search input field ? <input type="search" id="SearchFilter" placeholder="Search.." /> <ul data-role="listview" data-filter="true" data-input="#SearchFilter"

Jquery Mobile panel scrolls with content

心不动则不痛 提交于 2020-01-01 06:37:27
问题 Using Jquery Mobile, I have a panel div to create a navigation system and set the height of it to be 100% of the browser. If the content exceeds the height of the panel, the css overflow-y property lets the user scroll to see the hidden content. Pretty simple right? Now here is where I'm getting in to some trouble, while the css overflow-y property works fine on iOS devices, Android is giving me some trouble. While the user is able to scroll the panel to see hidden content, the actual content

HTML 5 + iOS - creating hybrid applications

耗尽温柔 提交于 2020-01-01 06:27:45
问题 I am trying to convert my native iOS app into a hybrid app using HTML 5. After doing a research I ended up with jQuery mobile + phoneGap. My questions are Is it possible to mix html 5 and native iOS features within a single view? For example can I use html text field to get the value and use it to do some conversion using iOS picker. Is it possible to navigate to a native xib from an html page? And finally is there any better solution to create a hybrid app? thanks in advance 回答1: Yes, you