listview max?
I have a listview that has 150 items and after about 40-45 the links within the listview stop working... the link is still there but doesnt doing to the correct URL. I'm using this within PhoneGap 2.5. JQM 1.2.0 Any help would be greatly appreciated. Thanks, Matt Enderle
How to get jquery mobile event after the panel is opened?
I can get swipeleft and swiperight event correctly if the panel does not open, but these two events failed to get if the panel is open, would you like to let me know what is the jquery mobile page lifecycle after the panel is opened? And how to monitor event after jQuery mobile panel is opened? Thanks a lot.
listview max?
Hi all, New to the forum and I have a question about the 'listview' widget. I'm developing a project that has 2 inputs currently in dropdowns and I like the idea that a listview presents. Unfortunately, I have upwards of several thousands of items in each dropdown. I've seen them both work, but moreso recently one has been crashing more than the other and I think its due to the length of items in it vs the other. We're talking maybe 10,000 in one and 30,000 in the other. Is there a limit to the items?
Form submit
Hello Guys, hope you can help me. I'm programming a mobile website as school project . (m.pension-haus-sonnenschein.de) The problem is to submit the contact form to my mailadress. I don't know how must i include the process. <div data-role="page" data-theme="e" id="kontakt"> <!-- /Seite4 --> <div data-role="header" data-theme="e"> <?php include 'header.html'; ?> </div> <div data-role="content"> <p style="font-family: Verdana;"> <form action="" method="post"> <div data-role="fieldcontain"> <label
About learning Jquery mobile
Hi I have owned a old web site (created by Dreamweaver) which is an online clothing shop which was set up on 2010. So I have below questions: 1.I have realized that the content of my old web page shown on the mobile screen is very small and very inconvenient to be used in the mobile. Therefore, should I need to write a new web page (by using jquery mobile) to meet the mobile needs of just revise some HTML contents in the old version? 2. Anyone can introduce some books or some learning ways
F5 in chrome then the theme go white
Hi if I refresh with F5 in chrome then the theme go white how can I fix this Regards Sigster <? session_start(); if($_SESSION["strUserID"] == "") { header("location:index.php"); exit(); } ?> <!DOCTYPE html> <html> <head> <title>List</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="theme/jquery.mobile-1.4.5.min.css"> <script src="theme/jquery-1.11.2.min.js"></script>
Swipe to Navigate page limitation
Hunting around for a "native" jQuery Mobile widget to manage a photo gallery, I liked the "Swipe to Navigate" demo on the jQuery Mobile site and decided to give it a try: http://demos.jquerymobile.com/1.3.2/examples/swipe/swipe-page.html After struggling a day or two, I finally got it all working, using the latest stable version of jQuery javascript and CSS (jquery.mobile-1.4.5.min.js and jquery.mobile-1.4.5.min.css), plus the javascript, HTML and CSS provided in the demo. Everything was going
Newbie: tabs to accordion slow?
Hi, I'm facing a weird issue. I used a "easy-tabs-to-accordion" responsive plugin with jQM 1.4.5 and, while it works fine on desktop, but on Android and iOS slows down the jQM page loading on which it is present when there seems to be more entries and/or each entry has longer content. I tried a different plugin ("tabber") with the same result. I wonder whether somebody has come across that and has some advice. Basically, I need vertical accordion for mobile but want to change it to horizontal for
Newbie: mini listview?
Hi, Is there a way to have "mini" listview that has minimal height? Consider a listview that is inside a panel which is then shown as sidemenu? Thanks in advance and regards
Newbie: Responsive tiles in jQuery mobile?
Hi, Is there a best responsive tiles plugin for jQuery mobile along with a working example? Web searches gives some like masonry and others. Wonder whether somebody can share real-word experience when using with jQuery mobile in a hybrid application? Thanks in advance and regards
Input slider (mini version) overlaps value
Is this a bug or is there something else wrong? Open the Slider widget demo (I use Firefox): http://api.jquerymobile.com/slider/ The mini-version looks wrong when I make the window small as a mobile phone:
Jquery mobile // google maps api v3 integration
Hello i'm a beginner at programming for jquery mobile and i want to integrate Google Maps API V3 if there is a possibility to give me a full tutoriel to do it thanks
onclick is not working with collapsible div
We have onclick event bound to collapsible div. <div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c" onclick="addTemplate('used_<%=HtmlWriter.preformat(tmpItemIdStr+_tmpSerialNr)%>', dbf_template, '<%=templateType%>', '<%=HtmlWriter.preformat(itemDtl)%>', '<%=itemControls%>');"> with jqueryMobile version 1.1.0 which is working fine but now when i am trying to use latest version of jquery mobile i.e. 1.4.5 This addTemplate method on click event is not getting called.
div display
I did a search div that appears and disappears at the click of a button . Thanks to this input jquery search automatically filters the contents of a div . The problem arises when you press the enter key . The page reloads and the button to bring up the div search no longer works . When I switch from one page to another the script is not always loaded . But if I update the page , the script continues to work well. How can i solve?? Thanks paste the code : <!DOCTYPE html> <html> <head> <meta
help me
how to create this forum mobile discussion ?
CSS Rollover with integrated Input field.
I have created a rollover that contains an input field that works like a rollover button in as much if the input field is activated the css block it is in changes colour as well as the background of the input field that gives the appearance that it is integrated and when the button loses focus it reverts to its original status. https://jsfiddle.net/a4poster/faLdY/203/ From the fiddle it works fine but when I try to port it into my code it doesn't work. I'am using the following on my code: <link
Problems w/ swipe gallery in demos jquerymobile.com
Hi. I'm a newbie of this field but I'm trying to learn :) I found a piece of code that works exactly as I like. It's about navigation by means of a swipe event and it shows a photogallery. It's a very nice effect. I found it in the demo pages of the jquery mobile site. I followed the instruction, I checked the code viewing the page source of the given example and the source of the online pages. But it apparently doesn't work. This is the link: http://demos.jquerymobile.com/1.3.0/docs/examples/swipe/swipe-page.html
Input text not rendering with Windows Phone 8.1
Hi. I am currently developing a hybrid Cordova app that is using jQuery Mobile for UI. Right now, I have an issue with jQuery Mobile that it does not behave correctly on Windows Phone 8.1. Mine version of JQM is 1.4.5 and I am using jQuery 2.1.3. If I include the reference to the jquery.mobile-1.4.5.js, then the input text would not be rendered at all. Without loading the mobile script, the app loads the input field correctly. The app is working correctly on both Android and iOS, and per the support
Jquery loads different themes on different servers!
Hi all, this sounds pretty weird... I have this jQuery mobile prototype that is using theme "c" for the footer, and another theme for the rest of the page. There is no issue when I view this prototype from a local server on my wify network (python -m SimpleHTTPServer), but when I load it on the internet, the datatheme "C" does not apply anymore for the footer... Of course I checked a million times that all the files are exactly the same on my local server and on the other server... and they are,
Function not always executed when it should
Hi guys, I'm developing a page with a background color and a color for a word that are randomly picked between nine colors when you click on a button. These two colors should never match because otherwise you wouldn't see the word. I created a function that checks if the colors match and if they do, calls the functions to choose the colors again. The problem is that it seems to work just some times. Here's a link to JSFiddle Do you know why it doesn't work? EDIT: I managed to solve the problem increasing
Freezing Pages
Hello Everyone, A site I just did in Jquery mobile starts freezing up when you click any regular text link on the page. The site is http://www.myuniversalawnings.com and you can see the site starting to get screwy right on the front page links at the bottom. Does anybody have a good solution to this? Thank you! Will
app not connecting to external link
I developed an app which works well in the simulator and on device, but when submitted to google play app store , my app could not reference jQuery mobile/jQuery link as well as linking to external pages and sites. Could it be a problem on the Google. This is my first app and have just been 3 weeks. Thanks
jQM scrolling back to the top on an initial page load?
I have a mobile web page. I am using jQuery Mobile. I have a conditional section of server side code that will produce the following section of code: <script type="text/javascript"> $(document).ready(function () { var hole = "Hole" + @NextHole; // NextHole is just a server value var divToGoTo = document.getElementById(hole); divToGoTo.scrollIntoView(true); return false; }) </script> I've also tried this with no luck: var hole = "#Hole" + @NextHole; $('html, body').animate({ scrollTop: $(hole).offset().top
Where should I put my slider on page?
This is how my page is looking. Slider works, but my main menu doesn't. What is causing the conflict and how do I resolve it? Thanks <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile page</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/jquery.mobile.icons.min.css"> <link rel="stylesheet" type="text/css" href="css/royalcolours.min.css"> <link rel="stylesheet" type="text/css"
IOS 8 Validatior enable is not defined
Hi, We have a ASP.Net web application its mobile version is built using jQuery mobile (jquery.mobile-1.0.js). Recently we faced a issue like for iPhone 6 users and for iPhone 5 users who upgraded to IOS8 version we are getting error like 'Validator Enable is not defined.' in particular page. In rest all the devices (android, iPhone4) our application works fine. Any pointers will be helpful. We have a self calling function in the page <script type="text/javascript"> //<![CDATA[ (function ($) {
Divs & Inputs Leaving Me Flummoxed.
I have been trying to develop a text-input box inside a div with a border surround - I know this doesn't explain it well so I have made a fiddle that I hope displays the problems I am having: http://jsfiddle.net/a4poster/5qc26b7y/ Basically I want the top div to align with the bottom div while still keeping the hover state or is there a better way to do this - I have been messing around with this for a few hours now and not moving forward with it. Many thanks - truly flummoxed.
Jquery mobile textArea autoGrow
I have implemented jquery Mobile and it work beautifully. I have a small issue : When I open a form with textArea that have already values, they do not autoGrow, I have to set focus on the textArea and then press enter, then it autoGrows. I there a way to force the autoGrow when the form is loaded ?
jquery mobile docs
The docs here are just confusing. I would be glad to help out create examples and better docs, but I need a help myself figuring out what is alive, and how the new stuff works. Suggested Topics and Changes Show depreciated items in docs in different color Show examples of each API item, please (having someone new try to do the example would be smart testing) Common mistakes to avoid Tips
Is there a mobile site maker like codiqa? And free.
I'm searching for a mobile site maker I discovered codiqa and i find it goob but all the plans are paid. So is there an alternative to it? Free, Many pages, Supports jQuery mobile, with drag and drop, can edit the code, and so much more. Feel free to answer.
selectmenu
Hello, Jquery UI selectmenu-widget works fine on desktop but if I try to select item under Firefox browser for in android device it does not work... any suggestions ??? I think I don't neet to publish the code.... Other question: any idea how I could use the both jquery ui and jquery mobile on the same responsive website? thx
Newbie: Question regarding multiple jQM HTML pages and ajax
Hi, When using and linking multiple jQM separate HTML pages - that may have one or multiple jQM pages - with or without ajax, is it required to include jQM css and js files in each page? It looks like when NOT including jQM css and js in each HTML page, that may have separate jQM or jQquery plug-ins, the pages are not enhanced properly by jQM. Only when jQM css and js are loaded in each HTML page and without AJAX , all is good but each page transition (even when off) looks slower on Android and
Jquery mobile page display google map
i want to show a map with my current location and set route() to the shop nearest to my location! my code on index.html <div data-role="page" id="paginaMapa" data-url="map-page"> <div data-role="header"> <h1>Ruta a la tienda mas cercana</h1> </div> <div class="ui-content" id="map-canvas"></div> <a href="#paginaConsultaProductos" id="goback" class="miBoton posicionBoton" ></a> </div> my map.js http://jsfiddle.net/zqLxrp1y/ the ref "#paginaMapa" is on my json + listview
Newbie: jQuery mobile 1.4 icons?
Hi, I downloaded the jQuery mobile 1.4 and I see images folder with two subfolders icons-png and icons-svg. Is it from these folders the standard icons are used then? As for jQuery 1.3.1 I understand the images were only the below that had all the standard icons: icons-18-black.png icons-18-white.png icons-36-black.png icons-36-white.png Are these images not used any more? If so, when having jQuery mobile 1.4 hosted along with a Web application (and not accessed from a CDN), does it mean all of
Newbie: How to build dynamic jQuery tab from javascript?
Hi, The question is simple. How can I build dynamic Tabs from javascript? The result is not the same as placing the very same markup in html. I have made this fiddle to show you what I mean: http://jsfiddle.net/9e4ruq5f/ What am I doing wrong?
Newbie: Conditionally include script files
Hi, In jQuery mobile page is there a way to conditionally include certain files (CSS, javascript) based on whether browser is iOS based or Android? If so, is there such an example? Thanks in advance and regards
Newbie: Dynamic back to top button
Hi, I want to have back to button that appears itself when long text content (in a collapsible, accordion tab, page or others) is more than the viewport and then hide itself when content is scrolled to the top. Is there a way to do that? I tried the approach in this link: http://www.developerdrive.com/2013/07/using-jquery-to-add-a-dynamic-back-to-top-floating-button-with-smooth-scroll/ . It works fine with jQuery mobile + phonegap in iOS but in Android, once the "Back to Top" button appears, it
Weird auto focusing on Android device
Hi, I've got a bit of an issue, and I can't work out whats going on. Basically, I have the following code: <!-- item advanced settings --> <div id="itemAdvancedSettings" data-role="page" data-enhance="false" data-dom-cache="false" data-transition="fade"> <div class="header" data-role="header" data-position="fixed" data-tap-toggle="false"> <a href="#" onclick="history.go(-1)" class="toolbar-button" ><img src="./img/back.png" class="header-back-button"></a> <img src="./img/header-jcc-logo.png"
Slide navigation in Jquery mobile 1.4.5
HI, Currently i am working on a Mobile app using jQuerymobile and Cordova and i am using JQM 1.4.5 version for this. In my app, for my page transition i am using slide navigation but the slide effect is not visible when navigating to another page. In jQuerymobile 1.4.3 it is perfectly working fine..I have tested this on Desktop chrome and Android tablets.. Do i need to configure any additional parameters for this? Thanks.
Last grid messed up
My last grid on my Jquery Mobile website is messed up it is not alligned. This is my code for the grid: http://i.imgur.com/T84p16w.png This is what it looks like: http://i.imgur.com/6ob5wAC.png Could someone help?
Panel Open from top or bottom
Jquery Mobile Panels opens from right or left. This is perfect. Is there a way to make a panel open from top or bottom?
Next Page