iPhone push and hold
Hey, I just wanted to report a strange bug. I am using a listview to hold some links to other pages, when one touches and holds one of these bugs, and then releases (before the little menu that asks you if you want to open the link in a new page and what not comes up) the text from the button is removed. --Ashley
"grunt custom" doesn't work.
D:\Code\github\jquery [master]> grunt custom:+ajax,-dimensions,-effects,-offset path.existsSync is now called `fs.existsSync`. Running "custom:+ajax" (custom) task Creating custom build... Done, without errors. D:\Code\github\jquery [master]> cd .\dist ; ls 目录: D:\franckfang\Code\github\jquery\dist Mode LastWriteTime Length Name ---- ------------- ------ ---- -a--- 2012/10/14 17:57 0 .sizecache.json I don't know why there is nothing in
Can't access all fields in an iframe
Hi guys, I have an issue on my phone running Android 4.0.4 with JQM 1.2 final. I have an iframe with text fields and dropdowns, but the iframe is too wide to fit in the phone window when in portrait mode, so I get a horizontal scroll bar so I can scroll to see all of the fields. When in portrait mode I can only access the text fields and dropdowns by clicking them if the iframe is scrolled all the way to the left. This means I can't access any of the elements that are off to the right of the page.
Tiny Cirple Slider issue in wordpress
I want to use this slider from http://www.baijs.nl/tinycircleslider/ on my website to view different images and for some reason it doesn't work with my wordpress showing this error: TypeError: $("#rotatescroll1").tinycircleslider is not a function $('#rotatescroll1').tinycircleslider(); That's how it should look and work: http://www.itsepic.co.uk/wp-content/themes/itsepic/branding/index.html Any ideas what's wrong ??
Popup with header and close button can't have rounded corners?
I think this might be a CSS bug in the popup styles. The code is a slight variation on the popup samples in the documentation. Put this HTML inside a page: <a href="#about" data-role="button" data-mini="true" data-rel="popup">About</a> <div data-role="popup" id="about" class="ui-popup"> <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="a">Close</a> <div data-role="header"> <h1>About</h1> </div> <div data-role="content">
Pages does not open in IE8
I have trouble opening my pages in IE 8. some pages in my site like this http://www.egtours.com/10_days_nepal_trip.php In this page I have used plugins for lightbox, and drop down menu. Lightbox has jquery 1.2.7 and drop down menu has jquery 1.2.3 I am wondering is that because of these or other reasons above page could not display in IE 8. is it jQuery conflicts ?
IE9 does not append anything
Hi there, I hope you can bring me some light to my problem. Recently I've made my first web, and there is a section with video files. I use to load the videos a lateral menu with a jquiery script where first of all, video tag is cleaned up with .empty(), and then the structure necesary of the video clicked is created into it with an .append() It works fine on every browser as usual, but in IE9 the videos never load neither the code is created. Here you have the website: Grupo Piatti - Musica para
jQuery Mobile bug when navigating back to page with iframes
I believe I've found a bug with iframes in jQuery Mobile Issue: My site uses jQuery Mobile. I am using iframes to serve ads on my site. Someone recently noticed that if a user clicks an ad (leaving my site) and then hits the back button to return to my site, then the ads, or specifically, the contents of the iframes serving our ads, get a bit jumbled. If I look at the DOM, I see the src of the iframes are correct, and pointing to the url I would expect, but the html within the iframes is flip-flopped.
Ever-decreasing screen real estate with dom empty / append
Given a jqm 'page' containing some already-enhanced elements.... If I clone and store the 'role=content' portion of the DOM, empty the div, then restore the cloned DOM snippet, the usable 'content' area decreases in size each time (or the margins / padding keep increasing). jsbin here Am I doing something wrong ?
Possible problem/bug with jQuery Mobile and position:absolute on some mobile devices
Hi there, I've been running in a problem on a Samsung Galaxy S3. Apparently the combination of CSS "position: absolute;", "top: <X>px;" and jQuery Mobile causes some problems on this device (and possibly on others as well). Sorry for the wall of text, I want to describe the problem as best as I can. Longer description of the problem/error/bug(?): A user reported that he could'nt type anything in the LogOn-form. If he selects an input field and begins to type it wont accept (and show) characters from
Double Tap causes selected button state
running within phonegap, whenever a button/listview item is double tapped the element sets its selected state. any ideas? regards, Chris
.promise() violates documented behaviour
Due to the documentation of .promise() the created Deferred object will resolve when all actions bound to the collection have ended. jQuery's implementation does not behave like that! (version 1.6 up to 1.8.2) The documentation still leaves space for two possible interpretations. Both are violated. Interpretation #1: For multiple elements the .promise() object resolves once all elements are not being animated at the same time. The minimal counter example for that meaning is: $('#foo').fadeOut(100);
Memory Leak on jQuery's attachEvent
I originally posted the problem below as a question, so I am recreating it as a problem: https://forum.jquery.com/topic/memory-leak-on-jquery-s-attachevent Hi all and thanks for taking the time to read this. I've been struggling for a long time now to try solve what I believe it's a bug on jQuery library. First, the memory leak I've identified is only applicable to IE and I tested on IE 7 only. I used IEJSLeaksDetector to identify the leak point and it points me to this portion of jQuery js file:
JQM 1.2 - Min Height Improperly Set?
iOS Simulator (iPhone 4S) iOS 6 JQM 1.2 Using the "getting started" boiler plate code below, min height for the data-role="page" is being set to 416px, which leaves a small 4px gap at the bottom. Does anyone have an idea why this is happening? How to fix it? <!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.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
Reload google map API in a popup
Hi all, I've an issue with a popup, I load in a google map, but when I click for a second request , the google maps isn't refresh despite I use google.maps.event.trigger(map, 'resize'); My code is : var geocoder; var map = null; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(-34.397, 150.644); var mapOptions = { zoom: 12, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"),
Input type Image will loose its POST data
Hello, Thank you very much for the fantastic work on jQueryMobile. Unfortunately, I am encountering a strange behavior with input type="image" on my pages. I am using a tier application which creates dynamically pages depending on contect, something like a wizard. This tier application will let me apply Html templates so I can add reference to jQuery an jQueryMobile js and css: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.css"/> <script type="text/javascript"
datepicker date range returndate
Hello, After selecting the start date end date is automatically opened and closed demo : http://biletreyonu.com/dp/index.html $(function() { // $( "#from" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 2, minDate : 0, onSelect: function( selectedDate ) { $( "#to" ).datepicker( "option", "minDate", selectedDate ); $('#to').datepicker("show"); } }); $( "#to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 2, onSelect: function( selectedDate ) { $( "#from"
IE8 icons missing in custom theme created with ThemeRoller
I am creating a custom theme with ThemeRoller in Internet Explorer 9. When I apply the custom theme to my site, the icons are missing from all the buttons on all the pages in Internet Explorer 8, but not in other browsers such as Internet Explorer 9, Safari or Android ICS. The icons are displayed as white squares. Steps to reproduce the problem: 1. Start ThemeRoller. 2. Click inside the Icon DISC COLOR or DISC OPACITY settings on the Global tab (you don't need to actually change the settings).
1.2.0 Popup demo in the docs is missing some pages
If you go here: http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html Try the popups ('Scaling Images','Map + video iframes' or 'Overlay Panels') in this sextion: Advanced popup techniquesThe three files for the above popups are missing and you will get a 'Page Not Found'...
Attribute Equals Selector only retrieves initial vaues
Hi all. I've just encountered a problem, described here: http://api.jquery.com/attribute-equals-selector/#comment-79799646 Basically, when you use Attribute Equals Selector (although in my case it was actually Attribute Starts With Selector), the selector only retrieves the initial values of the elements, even if the value has changed since loading the page. The author of the comment in JQuery API wrote that this does not happen in IE, but in my case it does (after all, the comment was written 2
iOS5(iPad) animation flicker caused by text-indent:-9999px in button markup
I have a div that flips into view using CSS3 keyframe animation. The div contains a form and submit button. The submit button is marked up and wrapped by JQM, so that the original button element is hiden using the class "ui-btn-hidden". I traced the flicker problem to the text-indent:-9999px property. For reference to this problem, see http://www.david-lewis.com/css/css-that-can-affect-performance-on-ipad-web-apps-or-phonegap/. PROPOSED SOLUTIONS: change the property to text-indent:100%, which
animate buggy in ios 6 / jellybean
Hi, I'm having some trouble with code that's been working for years. Please see http://www4.gsb.columbia.edu using iPhones and iPads with IOS 6, or the stock browser that comes with Jelly Bean. Pay attention to the text scrolling along the ticker-style banner. You'll see that every third or fourth word lags behind in the animation. The code is using animate() to move canvas elements (via cufon.js) across the screen. Has anyone seen anything similar to this? Any suggestions as to how I can fix
exposedProps again with only Effects Scale
[right so time, non-disclosure and excessive deep complexities keep me from simply demonstrating this with jsFiddle again, but I'll try to bring awareness since I've gotten a little closer to this problem I think.] with only a complex call to a scale effect completely isolated in a jq UI's custom, the line 322 in jQuery 1.8.2 src = target[ name ]; will result in an _exposedProps_ error in Firefox 15.0.1 stack inspection shows when I call to show scale with this... targ[fn](fx, ao, (tSpeed * 1000));
Using a link with data-rel="dialog" will add the data-url attribute to a page. Using changePage() will not.
I was digging through a problem today, as you can see over at my other post that revolved around different behaviour from clicking a link built with <a data-rel="dialog" href="#page"> versus using changePage($("#page"), {role: "dialog"}); Using a link, jQueryMobile automatically adds a data-url attribute to the page when it's loaded. Using changePage, jQueryMobile does not. So my navigation was breaking. I manually added my data-url attributes to fix this issue, but wanted to report it so that someone
Problem with jPlayer plugin
I am trying to make a simple utility of playing a user-selected MP3 for 'n' times (n being the value chosen by the user). The example given and their music is working fine. But when I turn the URL to my MP3, there is no errors but the music fails to play. When debugging with Fiddler, I also don't see a request going for this URL. Here is the HTML file for the same. <html> <head> <title>Chanting Utilities</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script
heading style inside LI problem
inside LI heading H1..H5 receive class='ui-li-heading' and show same size and style on screen! why? but outside ul/li work it perfect! how can i used heading Tags inside Lists with normal font-size?
Cross-Site Ajax with http-authentication
The following code doesn't work in Chrome and just results in an error in FF: $.ajax('http://xs.example.com', { dataType: 'json', crossDomain: true, username: 'name', password: 'pw', xhrFields: { withCredentials: true }, success: function(content, textStatus, jqXHR){ console.log(['success! content, textStatus, jqXHR',content, textStatus, jqXHR]); } ); FF fails normally when username/password is omitted (401). In Chrome username/password are just ignored (no
Too many dividers after refreshing listview while a filter criteria is present
Use case: I have an application with facebook integration. I want them to be able to select friends. When they select a friend, I add it to another list and remove it from the source list. I set up the first list with auto dividers and enabled filtering. When the user chooses a facebook friend, I remove the <li> from the list view and call refresh. Issue: User enters part of the name as a search filter User picks a friend I remove the LI from the UL (listview) I call listview("refresh") on it All
issue with dynamically generating button at the linked page when refreshing it
Hi everybody! I got an issue in dynamically generating button at the linked page. The scenario is like these. 1.click the third item in first page to dynamically generatting button at the linked page and change page to it. 2.you can find that the button's style is ok in the linked page, and refresh this page. It did change to the first page after refreshing. 3.click the first page's third item again to dynamically generatting button at the linked page and change page to it. 4.you can find that
return to the main page doesn't fire pagebeforecreate or pagecreate ONLY the first time
Hi everybody! I'm using jquery mobile since version 1.0 (today i'm using 1.2.0 RC2) , and i've a recurring problem. I'm using it with knockout and i need to reload the content of the linked page. To do this, i call my ko.applybindings when the pagebeforecreate is called. I also changed these variables when mobileinit is called: $.mobile.page.prototype.options.domCache = false; $.mobile.ajaxEnabled = true; $.mobile.changePage.defaults.reloadPage = true; It works when I reload any page and go to any
Issue with click event binding and hash URLs
Hi all, I'm having an issue with binding actions to links in a jQM app. Let me describe the scenario first. The app works as a normal app, with AJAX navigation taking you to new pages, the way jQM is supposed to work. But when the page is a certain width, some specific pages go into a "split view mode" where two pages become one, a list on the left and the information on the right. To achieve this I override the click even actions on the list when it's in this split view mode, so that they load the
problem with long listview page slide change and another problem with Dynamically injecting collapsible list
please confirm this url with iphone4 or 4S to recur these 2 problems. problem 1: when the listview has a lot of items(long page), clicking the first item to change to the next page with slide transition is ok, but clicking the last item to change to the next page with slide transition is NG(DOESN'T have slide effect!). problem 2: click the second item to change to the next page, we Dynamically inject collapsible list to the next page. the first time when you click the second item' link to go to
Jquery html() (becoz of globalEval()) slow in IE7/IE8
Jquery html() is slow in IE7/IE8 compared to chrome and firefox browser. I tried to check what is exactly slow in html() method.....globalEval() is taking the bulk time.... I checked from dynatrace tool.....I have tried with jquery versions 1.3.2 and 1.6.4. Is there any way out to solve this problem for IE7/IE8 browser
navbar height of 0
Just upgraded from 1.2 alpha to 1.2 rc1. The grid now has a height of 0 (also navbar and header). The blocks have a height of 33. <header class="ui-header ui-bar-a" data-theme="a" data-role="header" role="banner"> <div class="ui-navbar ui-mini" data-role="navbar" role="navigation"> <ul class="ui-grid-b"> <li class="ui-block-a"> <a id="divViewBtn" class="ui-btn ui-btn-inline ui-btn-active ui-btn-up-a" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-theme="a" data-inline="true">
jQuery not working in IE using URL Rewrite Module (IIS)
I observed that using Internet Explorer 9 to show a jQuery-page some times the loading gets broken when using outboundRules in Web.config. THE SETUP To reproduce the behavior on a Windows 7 Professional machine (or use attachment): Create a Directory "C:Temp/Test" Create two .txt-files, copy and paste the code below Rename it to default.aspx and web.config. Alternatively use Visual Studio to create these 2 files Download jQuery 1.8.1-min and safe it into the directoy (although it makes no difference
popup on page2 navigates back to page1 after close
This issue occurs on all browsers (including mobile ... tested on my Gingerbread 2.3.7 and ICS), except IE. I click a button to change from page 1 to page 2 and then click another button that shows a popup, but when that message is closed it goes back to page 1. I click the button on page 1 again so it goes to page 2, but then the popup button doesnt work. page1.html <!DOCTYPE html> <html> <head> <title>aWe</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link
JQM1.2.0b: Custom select menus example looks weird in IE9
Hi, I noticed the custom select menus example (in the JQM demo page) for version 1.2.0 looked & behaved different than the one for version 1.1.1 when viewed with IE9 (I haven't tried other versions of IE). Other desktop browsers (Chrome, Firefox, Safari) didn't have this behavior change. The custom menu spans across almost the entire width of the page, and I see flickering (or maybe just a slow rendering) when it appears. Is this a known issue? Thanks!
deeper issues with __exposedProps__ and jQuery mobile when triggering create to update gui of dynamically loaded content
With jquery 1.8.1 and jqm 1.1.1 while developing a custom plugin _exposedProps_ issue occurs (I know spare with me thanks). I've been dynamically loading page content (myself cause jqm was not sufficient). When loaded into a div I must call .trigger("create") on that content to get it to reformat jmobile gui look of components. (I'll be deleting all of it next because of this shortly just thought you'd like to know.) Anyway once I call "trigger create", in jQuery the exposedProps violation warning
fullscreen header conflict with popup dialog.
When using jquery mobile 1.2 rc. I found if I set the footer to fullscreen, the margin of popup dialog will looks ugly, I find out this is because the css definition of this: .ui-page-header-fullscreen .ui-content, .ui-page-footer-fullscreen .ui-content { padding: 0px; } If I change the padding to 0px, it will looks good.
JQM + Phonegap: search filtering and autocomplete problem on real device
ok, that's the problem: both search filters in listviews and jqm autocomplete plugin (by Andy Matthews http://www.andymatthews.net/) don't work on my real android device jqm app packed-in a phonegap application. But.. - they both work fine when browsing my application by any desktop browser - they both work on the eclipse android sdk's emulator More info: - Using a Samsung Nexus S device, with Android 4.1 Jellybean - Using jquery 1.7.1 and jquery mobile 1.2.0 alpha Any known issue about that? :(
Next Page