pageinit event not fired with 1.3.1
I try to upgrade from jqurey mobile 1.2.0 to latest 1.3.1. I replace the live method by on to create pageinit event, but the event is never fired. I modifed the index.html provided with the download to add pagebeforelord and pageinit events and it's the same problem. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery Mobile: Theme Download</title> <link rel="stylesheet" href="themes/elagamobile.min.css"
JQM 1.3.1 long list performace ! there are solutions?
Hi , i try to use new framework JQM 1.3.1 to create an app that, i hope, I will distribute on the app store. Unfortunatly i have serius problems with a list of items from my server. Practicaly i would to create in the home page a list of posts from my blog. Oviusly, initialy, i show only 10 title, then, the user can tap on last button and add other posts from the blog. To try the list i have create a simple script on my server that generate 500 item to show in the app: <?php for($i=0; $i <= 500;
Problem in JQuery ui Menu links when the user press Space or Enter key. It works with a mouse click.
The 'Enter' or 'Space' key is not opening links in the jQuery UI menu. How can I get it to do this I tab into the menu in my browser and I can move around with the arrow & tab keys just fine, but if I want to open an active link I have to use the mouse...I can't just tab to a link and hit 'Enter' to open the content. I have search in this forum and found that other users also has this problem, but I have not seen any solution of the problem so that is the reason why I created a new issue in this
Not able to download custom theme for 1.10.2 from website
When I try to download from http://jqueryui.com/download/ I get this page each time: Ooops!!! An unexpected error seems to have occurred. Why not try refreshing your page? Or you can contact us if the problem persists. I am able to download the same theme in: 1.9.2 (Legacy, for jQuery1.6+). I also cannot download any of the gallery themes in 1.10.2 either, so it is not just the custom theme.
next-button doesn't work for number fields on Android
The next-button does nothing if the input field is of type number. I expect it to go to the next field when pressed. You can test it here, in the Numbers section. http://view.jquerymobile.com/1.3.1/dist/demos I've tested this using a Nexus 7 running Android 4.2.1 JQM 1.3.1 jQuery 1.9.1 The same code works fine on iOS. Any known workarounds? Thanks! /J
Back button flat out refusing to work?
So, here's the part of my head that loads jQuery, options and JQM: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="<?php echo base_url();?>assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script> <script src="<?php echo base_url();?>assets/js/options.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> And here's what goes into
a problem of jQuery's fadeIn() in iPhone (Version>=1.8.0)
I found a special bug of fadeIn. It blinks twice in iphone browser,and In PC browser is ok. This bug appear in the version 1.8.0 and higher. In 1.7.2 is ok. The link: http://www.queyang.com/blog/wp-content/uploads/2013/04/test1.html Short link: http://t.cn/zTqdW1z Use Iphone's safari, and press the browser Back and Forward buttons after clicked the button. The code: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /> <script type="text/javascript"
Chrome closes dialog box immediately
I have a problem with an application I am starting to develop. I want to get a logon dialog box to come up over the first page, which gets the user to logon. It works in Firefox (Iceweasle - I am running Debian) but not in Chrome. This fsFiddle demonstrates the problem http://jsfiddle.net/akc42/ZmcP8/ I have spent some time in the Chrome debugger, and it appears to be getting a popstate event which tells the framework to go back to the first page. I just can't figure out what is causing this event
Android scrolling stutters over collapsibles
I'm working on a phonegap mobile app with jquery 1.9.1 jquery mobile 1.3.1 swipeleft and swiperight are bound, and multiple collapsibles are rendered in a div inside the content area. When viewed on a Samsung S2 4.0, the scrolling is fine. When viewed on a Samsung S3 4.1, the scrolling stutters or stops whenever your finger crosses a collapsible header. iOS devices work well. The collapsibles are inset, so if you keep your finger on the very left or right edge of the screen while scrolling
Themeroller roll your own
Hi I have 'rolled my own' theme and on returning to Themeroller by pasting the url, I find that the Download button does not work. What I am I missing? UPDATE: As a work around I tried to Edit an existing theme. After some time the Download button was disabled. I pasted my original URL back in, reloaded the page and right-clicked on the Download button. I could then open the link (ie the download builder page) in a new tab. That enabled me to complete the download.
Resizable Behavior (and Dialog)
The resizable interaction has an annoying quirk. If your mouse moves off the resize handle while the button is still pressed, the resizing stops. Release the mouse button (still outside the handle) and then move the mouse back over the handle. The resize interaction resumes. This is unexpected behavior, at least to me. You can see this on the resizable demo page (http://jqueryui.com/resizable/) in the default demo. Try to resize the sample beyond its container. When you hit the edge of the container,
opening popup causes the browser window looses focus on IE9
In the example of the DIALOG implemented with a POPUP (here) starting from the second time the dialog is opened the browser window looses focus and becomes the last one in the windows stack. This happens on IE9 in windows 7. The problem doesnt appear on other browsers(Chrome, Firefox, Opera) . I implemented a similar example (popup that cannot be dismissed and header + content data-role within the popup) and also my example has the same problem. I know IE9 is not a target, but this might be a symptom
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>';
Panel causing Popup not to show
I added a panel to my page and I soon noticed that the popups were not working properly. I narrowed down the problem to the combination of properties data-display="overlay" data-position-fixed="true" of the panel making the popups not show. If you remove either one of those properties, the popups work fine. Here is the html http://jsfiddle.net/AMWga/. Notice it works fine in a browser, but not on mobile devices. Tested using: jQuery 1.8.3 jQuery Mobile 1.3.0 Beta 1 (both js and css) Tested on platforms:
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
Ui dialog position problem
i have an problem with positioning of jquery dialog. i used collision:"flip flip" but verticle flipping is not working. i.e. when i open my dialog at bottom of screen and screen has verticle scrollbar then my dialog doesnot flip in verticale direction
Background-size:cover and persistent nav-bars
Hi, I made a simple website with a background image set for .ui-page that covers the whole page. There's also a persistent nav bar at the bottom. It seems that whenever a new page is fetched, the background image is initially loaded larger than it should be then is resized down to the screen. You can the issue in my test page. Is this a bug? Am I doing something wrong? Is there a fix or a workaround? Thanks. [Update: It doesn't seem like there is a problem when the window is maximized; only when
Google Chrome Metro (Win 8 Prof on Dell Tablet): on-screen keyboard not working correctly for JQM inputs
Hello, I am facing a strange problem when using Chrome Metro (on Win 8 Prof, Dell Tablet) and JQM various inputs like text fields, datetime fields, etc.. The on-screen keyboard appears just pops up and closes immediately again when "clicking" / tapping into a text input or text area. Additionally, I have faced this problem with my own mobile application as well as on the JQM demo site when using Chrome but not with IE 10. Has anyone seen this behavior before? Does JQM support Chrome Metro in general?
forums.jquery.com reports 404 - Not Found
When we type http://forums.jquery.com/ the browser reports 404 - Not Found I believe it is customary that lot of websites have forums in its pluralistic sense. Even otherwise it would be great if forums could seamlessly redirect to forum.jquery.com just like calendar.yahoo.com and calender.yahoo.com work in the same way. Can some one put a web server configuration for this?
Wordpress PrettyPhoto - Sudden crash
Hi everyone, I've been going berserk all this afternoon trying to solve this issue, but I guess I just don't know enough Javascript to see what to do. I'm currently using a Wordpress theme that I bought from a designer, who since then has disappeared and doesn't reply any message regarding the theme. On this theme, I've been using for more than a year the simple and elegant "PrettyPhoto" lightbox plugin (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/). Everything
jQuery Mobile changePage in pagebeforeshow Flicker
In several of my jQuery Mobile pages, I need to ensure that certain variables are set before allowing the page to show. As such, I check for these variables in the pagebeforeshow event and if they are not present or correct, I call the $.mobile.changePage(...) inside the pagebeforeshow event and then immediately return. In jQuery Mobile 1.2.1 this seemed to work perfectly. However, now that I'm using jQuery Mobile 1.3.1 I've noticed an odd rendering issue. Now when I call the changePage inside the pagebeforeshow event,
Cannot enter a space into an input field.
The situation:There is a Dialog with tabs inside. There is an input field in one of the tabs. That input field has a tooltip attached to it. The problem: When clicking on the input field, the tab itself gains focus. The user is able to type in the input field, but any keys that the tab uses (space, left/right arrows) apply to the tab instead of the input field. This results in the user not being able to enter a space in an input field or navigate the characters in the field using the left/right
The select column toggle button dont work when create the table dynamically (Table data-mode="columntoggle")
Hi, my name is Juan Pablo. First of all. Sorry for my poor english. My problem is that i append to my html table all the data dynamically (Columns and Rows). So, when the render finish i got my table complete but when i click the button "Column.." to select Columns to show or hide. this don't show me the popup windows I think is because I add the columns to my table dynamically I'm Using the released version 1.3.1 of jquery mobile With phonegap to develop a cross-platform app I copy here my html
I have a problem with the demo position/#cycler
I have a problem with the demo on page http://jqueryui.com/position/#cycler When I click the link "previous" quickly and continuously, I can not see the image of left side. Please see the attached screenshot. Please tell me the cause or the workaround.
collapsible set (accordion) missing borders
Hi, there seem to be a problem with missing borders of collapsibles elements. This is a problem especially for the last element that looks like it's outside the set when opened. An example can be seen at this page (OSX mountain lion, chrome and safari): http://jquerymobile.com/demos/1.3.0-rc.1/docs/content/content-collapsible-set.html The problem seem somehow linked to themes, as all examples starting from "Theming collapsible Content", that set data-theme and data-content-theme, work correctly.
ClientX, ClientY, of virtual events are wrong in Opera Mobile 12.1 on Samsung Galaxy S2 and Galaxy Tab 2
The value returned in virtual events for ClientX, ClientY, in Opera Mobile 12.1 on Samsung Galaxy S2 and Galaxy Tab 2 make asolutely no sense. The values that should be returned by ClientX and ClientY are returned as value of ScreeenX and ScreenY instead ...Very Strange!!!! This means that Screen coordinates are returned in...no place. Values of PageX and PageY that are computed from ClientX, ClientY are also wrong...and this causes problems in some applications.... Now if I copy ScreenX, and ScreenY
Show hidden inline-block elements with jquery 1.9
I've problem with showing hidden blocks, if they are css: inline-block. div.profile{ display: inline-block; } <div class='profile' style='display: none;'>profile info</div> But when i do $('.profile').show() it becomes style='display: block' (i can see it in firebug) and overrites my css style... How can i fix this? if i have visible inline-block, then hide() and show(), it still will be inline-block, as has written in documentation. btw, in jquery 1.4 it works correctly. Thanks. AfrikaansAlbanianArabicArmenianAzerbaijaniBasqueBelarusianBulgarianCatalanChinese
Bug of $(window).resize(function(e){}) in less then IE8
If in IE6\IE7\IE8,is will trigger $(window).resize enents when change DOM, In other browser,only if change browser`s window form size can tigger this events. is this a bug?
http://api.jquerymobile.com/jQuery.widget/ NOT FOUND ERROR
Does anyone care? This has been broken for well over a month. Does anyone even look at the documentation pages for jQuery Mobile?
validator
The jquery validator pluging is not validating with the W3C: Line 190, Column 36: The for attribute of the label element must refer to a form control. <label for="topic" class="error">Please select at least two topics you'd lik… Does anyone know if there is a solution to this? I'm new to jquery so it might be something simple.
Problem with mmBackgrounds plugin
Hi guys, Hope you can help. I'm creating a website using Joomla 2.5.9 and the Shape 5 Vertex template. One of the plugins I've installed is mmBackgrounds. But I keep getting this message in the error console: Uncaught ReferenceError: jQuery is not defined (anonymous function) When I go to the script to which the error code is referencing, this is what I see: jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#modal-messages').css('margin-top', ((jQuery(window).height() - jQuery('#modal-messages').outerHeight())/2)
Please provide also HTTPS download from jquery !
when using Jquery with google Chrome I ran into following problem: [blo cked] The page at https ://whatever ran insecure content from http: //code.jquery.com/jquery-1.8.3.min.js . The Problem: Chrome does not allow mixing https and http. So it would be nice, if there will be beside: http: //code.jquery.com/jquery-1.8.3.min.js also https: //code.jquery.com/jquery-1.8.3.min.js so I then I may modify the following code: function addJQuery(callback) { var script script = document.createElement("script");
jquery ui menu links are not working when user press enter key
Hi, I create a menu and try to make it working by using keyboard. I can use tab key to navigate through the menu from top level to submenu, but when I press enter key, the submenu disapeared and the link is not working (when I use mouse to click the link, it worked well). And I also create a UL list, and the links are working by pressing enter keycode. Thanks, Ying
Datepicker: changeMonth + changeYear + yearRange causes flash
I'm using jquery 1.9.1 and ui 1.10.2, and Chrome on win8. I found this bug, http://bugs.jqueryui.com/ticket/5493 it's similar, except it's not a full page redraw, only the select list redraws, and you are unable to pick your selection. You are only able to pick if you pick it before the redraw goes. Here's my code, nothing fancy. <label for="dbayPicker">Birthday</label> <div><input type="text" id="dbayPicker" name="dbayPicker" /></div> $("#dbayPicker").datepicker({changeMonth: true, changeYear:
tapHold: how to prevent browser default (on a link ?)
If I've a Link with taphold event binded, the browser still ask show me a default action popup for link taphold. I need to stop this ! I already tryied preventDefault(), but without success !
colorbox + Inline Input Element + Enter Key = colorbox.close() - but not in Chrome
Hi guys I'm having trouble with the Color box plugin & i think it may be a problem with JQuery itself. When using an inline colorbox that contains an input element, pressing Enter (KeyCode 13) on said input box causes the color box to close - but only on IE - Chrome etc dont close. Looking at the stack is seems that the colorbox.close() method is being called by JQueries event handling methods but i cant figure out why - or rather why it's only doing it on IE. I looked at the DOM and Jqeury
Cannot Select Radio Button (Boxes) When Inserted Dynamically
Hello, I am using jQuery UI and the Tabs. When I click on a tab I also am updating another div with a new title and some radio buttons, BUT when I do this, the radio buttons are no longer functioning. I had a fiddle to demonstrate: http://jsfiddle.net/nDFec/ When the page loads I insert the first lot of title information from a hidden div and when the second tab is pressed another piece of hidden div info loads. There is one radio button "selected" so it remains highlighted but I cannot get the
One issue of jQueryUI Dialog Header
Hi, Today I met one dialog issue. When you run below code, make the dialog smaller to see the scrollbar appeared and then click the 'click me' hyperlink in the dialog, you can find the dialog header be moved up a little. This is a very strange behavior and related with scrollbar. If no scrollbar exists, it works well. Both IE and Chrome have this problem. Would anyone give some comments about the strange behavior? <html> <head> <script type="text/javascript" src="jquery-1.8.3.js"></script> <link
Selected Drop down text disappears in .Net MVC4 jquery mobile application after jquery validation.
Hey, I am using jquery mobile for ASP.NET MVC4 application. Validations are performed using jquery validate and unobtrusive js. During client side validation the selected value displayed in the drop down disappears in the following scenario.Attached screen shot for reference. ScreenShot1: Validation without entering data. ScreenShot2: Validation after selecting a value in drop down. Problem is Drop down text is invisible. Following is the html the class="input-validation-error" style="display:
CSS Bug (and solution) in navbar
Hi. This always happened (since old versions) and I always fixed by removing horizontal scrollbar with java (for android apps and using phonegap layer for jqm) but today I tried to fix it in CSS. In the navbar, if you have "a" elements (buttons) and if you have odd elements (lets say 3), the width in the last "a" element is always longer than the parent container, causing the browser to show an ugly horizontal scrollbar when touching and dragging inside the page, as shown in http://tinypic.com/r/eivb0l/6
Next Page