Flickering problem on input text
Hi, I have some strange flickering problem with input text control. i have a simple page with button on it and while pressing on that button i am opening popup that has listview and on last row of that listview i have input text field. While activating this page on iPad and trying insert text to this input, the page is flickering and jumping for each key presseed on virtual keyboard. i am using jquery mobile version 1.3.1 any ideas? this is the full page source: <head> <title>Basic Mobile Page</title>
Crazy scroll in big form with android 2.x
I'm using JQM 1.3.2. And in a big form with a lot of input text when I write in a input the scroll send to the bottom of the form. with android 4.x no problem happens...
Use of attrFn in JQuery Mobile
The latest stable version of JQueryMobile (1.3.2) still uses "attrFn" // jQuery < 1.8 if ( $.attrFn ) { $.attrFn[ event_name ] = true; } Also, document with warning messages from jquery-migrate ( https://github.com/jquery/jquery-migrate/blob/master/warnings.md ) needs to be edited: Solution: Ensure that you are using the latest version of jQuery UI (1.8.21 or later) and jQuery Mobile (1.2.1 or later); they no longer use jQuery.attrFn. This simply isn't true :) P.S. I'm sorry if this is not the
Radio box value in input textbox
Hi; I have three buttons, i want the content of any clicked button to be shown in the text input as value. Here is a working example here but i don't figure to reproduce it in this case especially with div. I am using jQuery 1.9. Thank you. The three buttons : <div id="myradiobutton" class="btn-group" data-toggle="buttons-radio"> <button type="button" class="btn btn-primary">Left</button> <button type="button" class="btn btn-primary">Middle</button> <button type="button" class="btn btn-primary">Right</button>
Video Stop Problem
Hey, I'm having a problem on a portfolio site using jQuery. http://denizkurtel.com/theintrospectaculareurope.html at the slider place after the photos there are videos ( streaming from vimeo ) when you clicked play and opened the video and after from the buttons go to another photo the video keeps running and giving its sound at the back. I want the video stop after moving to another photo at the slider. I tried from here and couldnt get a positive result : http://jsfiddle.net/deshg/8CV2S/ Need help
jQuery Ajax GET doesn't work on Chrome
Hello, I'm experimenting some problems with ajax calls on Chrome (In all other browser it works perfectly). This is the jQuery code: $(document).ready(function() { $.ajaxSetup({ cache: true }); call(); }); function call() { jQuery.ajax({url : webappUrl+'/en/map/statuses/'+community_id, type : 'get', dataType: 'json', async: true }) .done(function(data){ for(var i = 0; i < data.length; i++) { if(data[i].status ==1){ inlay = {"id":data[i].geometry_id,"t":"#red"}; mapDataObject.addInlay(inlay);
Nested lists not properly themed
I use the latest js and CSS published on this site and I ran into a problem since one of the last releases, probably when upgraded from 1.2.x to 1.3.x. I did not bother do revert it. When I define a data-theme="a" in listview ul then the header in the submenus are not formatted! Investigation in the code as used after rendering I found these extra pages on the bottom of the html as generated by jQuery-Mobile. Although the original <li> is formatted with data-theme="a" these extra pages with submenus
LOVE your plugin jquery-pin-it-button-for-images/ but having this problem
It has installed nicely and the pin it button is coming up but when I actually pin it this message is coming up. If I manually use my dashboard pin button it works so think it is a bug (if thats what you call it) Can you help?! Whoops! Your image is too small. Please choose a larger image and try again. OK
Themeroller roll your own - modifying saved theme removes color tone
I created a theme back in Oct 2012 and have been adjusting colors occasionally. The last change was in April. Today I loaded the themeroller from the URL in the .css file and the colors have lost there tone values in the edit panel. The theme displays correctly, but any color I attempt to edit has the value of the tone square (inside the color wheel) set to a grey level - the selector is on the right edge of the square. I loaded the theme prior to the latest change (saved back in March) and it
jQuery SVG and IE
Hi everybody, Using jQuery SVG plugin (ref http://keith-wood.name/svg.html). Description of issue 1 When I am updating href attribute of images inside a svg image, nothing show up on IE but it works on Firefox and Chrome. Ex : $('#toto', svg.root()).attr('xlink:href', '/images/toto.png'); Description of issue 2 I can't catch click event of images inside a svg image on IE but it works on Firefox and Chrome. Ex : $('#toto', svg.root()).on('click', function() { alert('toto'); }); Thanks
List elements in autocomplete menu didn't highlighted by touch event on iPhone devices
Hi! I just updated to the ui version 1.10.3 and I found that, when I touch the autocomplete menu elements on iPhone, the elements didn't highligt as it happen with other links. This feature is worked before when I used the ui version 1.8.22. This is something bug, or just caused by a missing option? I didn't see anything in the API documentation about it.
All tabs contents show at first time
Hi, I'm totally new to jQuery. I'd like to have your opinion about my problem. I have a page using jQuery tabbed menu. When the page first loads the content of all the tabs flashes for a second or two and then the selected tab is displayed. After that the tabs work great with smooth transitions as expected. An external jQuery is used here and the code is: // submenu $(".tab_contents").hide(); //Hide all content $("tr.tmenu td:first").addClass("active").show(); //Activate first tab $(".tab_contents:first").show();
_updateDatepicker called on setting value/option
I'm currently working on a knockout-based site with extensive use of datepickers. While it will probably not be that bad in actual production scenarios, I'm developing on a dataset that results in 90 datepickers total. It takes knockout a very long time to instantiate this and finally I found it that disabling my datepicker binding reduces a ~1-2 second binding time by up to 1 second. Since I would like to use the datepicker, but also would like a fast UI, I went digging a little. By far the most
Accidentally overwriting already existing plugins
Someone has pushed a plugin to plugins.jquery.com with the same name as a plugin of mine (formvalidator). It has overwritten my own plugin page on plugins.jquery.com. What can I do? It seems like a quite awful bug :(
HTML5 doctype and my smoothscrolling doesn't work anymore !
Hello, For my vertical website, I used to code in HTML4 Transitional and put a little script in order to smoothscroll through anchors : $(document).ready(function(){ $('a').click(function(){ var id = $(this).attr('href'); scrollTo(id); return false; }); function scrollTo(target){ if($(target).length>=1){ width=$(target).offset().top-130; } $('body').animate({scrollTop:width}, 1000); return false; } }); All of this was working before I switch to HTML5. Now,
jQuery Mobile script in not loaded in page (facelets jsf 2 - Android 3.2.6)
Hi, I have a page that use JSF 2 and I'm loading the JQM script with: <h:outputScript name="mobile-ui/jquery.mobile-1.3.1.min.js" library="js"/> Generally it works well but I was noticed that the script is not loaded on Android 3.2.6 mobile ZTE device. How can be solved this? Any hint?
Controlgroup does not render rounded corners when created on the fly
Hi, I am having trouble getting controlgroups to render with rounded corners when I create one on the fly. Creating controlgroups from the HTML works just fine. In the following JSFiddle I first create a controlgroup from the HTML and then I create two controlgroups with the same settings as the first one. The second and third differ only in the property 'corners=true|false'. http://jsfiddle.net/zJZrH/ I think I may gave stumbled on a little bug, but hope that I am doing something wrong
Autocomplete overwriting _renderItem not working
Hi all, Wondering if anyone can help - i've got this working in fsfiddle ( http://jsfiddle.net/andrewwhitaker/pjs7a/2/ ) But it won't work on the latest version of the jqueryui - in anything above v1.8.18 the +'TEST' does get added. Can anyone advise? Thanks
VCLICK event (or touch) does not work with fieldset
Hello, I have a problem, here is my code: d.sorter = $(list).closest(":jqmData(role='page')").find(".listview-sorter"); d.sorter.delegate(".ui-radio", "vclick", function(t) { // DO STH... }); But it does not work, event is never fired... Same comes with "touch" event, only "click" event works, which is not enough for me since I develop it for mobile. I can't bind events to .ui-radio elements directly since they are not yet initialized (returns length 0). Any idea how to make it work?
Displaying page details fails to load in emulator
i'm trying to this details of a headline when a link is click. it works perfectly in the browser but fails to load in ripple emulator. here's my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.3.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body,td,th { font-family: Tahoma, Geneva, sans-serif;
jQuery.ajax() timing out intermittently
I have an ajax call that is timing out intermittently. I am doing ajax to a PHP site, I have put print statements at the exit() in the PHP file. The output shows the PHP site is responding correctly. The site responds typically in under two seconds. The error is at this line: if (jqXHR.status === 0) { alert(exception + ' Try again');} with exception containing :"Timeout" Here is the jquery call. $.ajax({type: 'POST', url: '<?php echo WP_PLUGIN_URL . '/ip3pdm/pdm/navigation.php'; ?>',
CDN servering wrong SSL certificate
When I pull up https://code.jquery.com/jquery-1.8.3.min.js or jQuery UI or anything else, all browsers report a certificate error. Upon closer inspection, the certificate being served is for gp1.wac.edgecastcdn.net. This may be a localized issue--myself and two other developers all in the Seattle area. We're all connecting via Comcast pipes.
Using .load() in Chrome Greasemonkey script causes “Cannot call method 'call' of undefined”
I am using .load() in my Greasemonkey script in Chrome and it is producing the following error: Uncaught TypeError: Cannot call method 'call' of undefined (anonymous function) jQuery.extend.globalEval jQuery.fn.extend.domManip jQuery.fn.extend.append This error stops the alert() function in my code from occurring. My script can be seen here: http://www.metalmetalland.com/scripts/tumblr.js After installing it, simply browse to http://www.tumblr.com/tagged/dogs and view the console. An alert box
Rangeslider rendering badly in some IE (JQueryMobile 1.3.1)
This very basic page: http://www.marianotomatis.it/test.php does not render correctly in "some" IE versions. <!DOCTYPE HTML> <html> <head><title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.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.js"></script> </head> <body> <div id="A" name="A">
Missing CSS file in Google CDN
Is there reason why there is missing CSS file in Google CDN? There is missing file since 1.10.2-1.10.3 http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/base/minified/jquery-ui.min.css However, it worked until version 1.10.1 http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css EDIT: I just noticed, same situation is at code.jquery.com: Bad: http://code.jquery.com/ui/1.10.3/themes/base/minified/jquery-ui.min.css Good: http://code.jquery.com/ui/1.10.1/themes/base/minified/jquery-ui.min.css
hi guys
i have a problem with my cdn refference and it is script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>, so when i run the jquery function i recieve errors :Uncaught SyntaxError: Unexpected end of input . Failed to load resource - http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js .
Double input text problem - Android
Hello, I am using jQuery Mobile 1.3.1 with jQuery 1.9.1, and I am facing a problem. I tested my application on a HTC Wildfire S (Android 2.3.3) and when I enter a text input, the input is displayed twice (one is the jQuery mobile input and one is a native input that is "floating") and when I am typing, the text is displayed in the two fields. I tested it on a Nexus S (Android 4.1.2) and I didn't have the problem, I also tested with a native input (with "data-role='none'") and I had the same problem.
Find Performance between 1.7.1 and 1.9.x and 1.10.0
Hi, all... I recently updated the jQuery version my site is using to 1.9.1 from 1.7.1. Unfortunately, performance suffered considerably, especially in IE 9. I have a jsperf test that outlines what I'm seeing. http://jsperf.com/jquery-1-7-vs-1-9/2 $(".k-grid-content tbody:first").find('> tr:not(.k-grouping-row,.k-detail-row,.k-group-footer)') In Chrome, find using the query above is 66% slower in jQuery 1.9 and 1.10 than in jQuery 1.7. in IE, that same query is 92% slower in jQuery 1.9 and 1.10.
Jquery ui - hover problem autocomplete combobox
Hello, i've a little problem with hover. I want change background color of "li" element in the list, it's easy to do using code like that ".ui-autocomplete li.ui-menu-item a:hover{background: blue;color:white;}". This css function work perfectly, but a little problem is present. When my cursor is over the selected element, the "hover" css work correctly, but when i move my cursor, the background color change into default state only for one second This problem is present only from 1.9 and later version
jquery mobile 1.3.1 data-icon not appearing
Hello everyone, i am using jquery mobile 1.3.1 with jqurey 1.9.1 and icons are missing. I have the image folder in the same place where my CSS files are but still cant get it work, here is my code <!--JQuery CSS Mobile libraries --> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.1.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.1.min.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile.theme-1.3.1.css" /> <link rel="stylesheet" href="jquery.mobile/jquery.mobile.theme-1.3.1.min.css"
z-index issue with drop down and list view
On my simple web page i have a form with a select box. I'm Using jquery mobile with phonegap and when i run application on android 4.0 tablet, select box and its label are not visible. when browse through code (weinre debugger), i can see html code for select box but its not showing it up. and on another page i have a list view with 5 list items. on that screen its the same. i cant see list but html code is there. when i try to open same on a web browser, everything is fine. issue is only with android
ajax loading content in jquery dialog content contains a datepicker. 2nd time dialog is opened the date picker doesn't work
so at first I had a page I was loading with an ajax call. this page does an ajax post. I discovered this issue when do the post when the page returned the date pickers wouldn't change the dates in the text boxes, I had a lot of options setting on both the modal and the date pickers. in an attempt to isolate the problem. I strip out all the configurations, also I had read some thing about dialog doing funny things when they are not living on the base page, so I moved the modal to the base page. user
jquery mobile breaks % height
Hello. When I open the page below in a browser (eg Firefox 21 on a desktop pc) it looks as Id expect. Scrollbars get shown on the left (blue) and right (green) portions of the page to allow scrolling of content which is too big. If I include jquerymobile (by uncommenting the script in the head) then it breaks..scrollbars are no longer shown..the content is shown in its full size and not restricted to the specified 20% and 10%. If I use fixed pixel heights as opposed to % then it works. eg replace
Conflicting jquery
Hi, Let me start by saying that I am a jquery n00b. :( I have this issue on my website and so far no solution. I have a Joomla website, a Yootheme template and a Fatica Locator component. I bought both, but there seems to be a jquery conflict (thats what both support teams said), but I don't have a clue... So I went looking for a jquery forum, with people with more knowledge about this then myself. This is the page I am talking about: http://www.ellenvandrunen.com/santos/dealers The first time it
Using Datepicker inside Tabs
Hi there, I am using datepickers inside several JqueryUI tabs and I can get the datepickers to work properly. In the first tab (the one displayed by default), the datepickers are working properly but in the other tabs: -I can't select any date (clicking on a day wont fill the associated input) -Changing months gets me totally random results: i.e from June 2013 to June 2018 or January 1900 I am using the same class for each datepicker and once my tabs are instanciated I instanciate my datepickers.
Phonegap - JQM - page flicker / content flicker when ther is dynamic data
I am using jquery-1.9.1.js and jquery.mobile-1.3.1.js . I had issue with the page flickering on page transition, I used $.mobile.defaultPageTransition = "none";. But it stopped displaying dynamic content of the page. transition for the dynamic content is not correct.
404s on website/api documentation + glitchy site in general
See:http://api.jqueryui.com/1.9/easings/
'Slide' Effect problem while using Bootstrap
I am having a major issue using the Slide effect on a div specified within the bootstrap framework. For my application a div is 'Drop' animated from the page, its contents altered, then it is 'Slide' animated back into view. The problem is the animated div keeps on sliding past central view, continuing until it falls out the other side. The code worked fine before I migrated to a bootstrap layout. An example I made from a bootstrap example is at http://jrb.freewebspace.com/ if you click the 'View
YUI Compressor breaks JQuary-ui-1.10.3
Hello guys! At our project we're using jquery-ui-1.8.1.6 with jquery 1.6.2 When we tried to update jquery-ui to version 1.10.3 (and jquery up to 1.10.1) when we started our web application we got such an error Uncaught ReferenceError: Invalid left-hand side expression in postfix operation jquery-ui-1.10.3.min.js:2 i noticed that it happened after we'd built project and Minify Maven Plugin (which uses YUI Compressor) had minimized jquery-ui-1.10.3.min.js I've found similar issue here http://bugs.jqueryui.com/ticket/6060
Official jQuery CDN does not support HTTPS
I installed the EFF's excellent [HTTPS Anywhere](https://www.eff.org/https-everywhere) plugin for my browser. I noticed that jQuery's official CDN, as listed in their docs, does not support HTTPS. You get a 504 error. It sure would be nice for such a large and popular project to "take a stand" and encourage HTTPS hosting of assets. I ended up going through Google's CDN, but it's just not the same.
Next Page