Selectmenu (select box) widget still useless... can anyone else verify?
In jQM alpha 2, the selectmenu widget for creating nice select boxes was basically unusable to me because it contained really bad bugs that caused javascript errors with the hashtag page tracking and had a lot of display bugs as well. Specifically the biggest issue was when you had a select box with several option items... it creates a full-sized page that acts as a dialog to display the option menus as opposed to when the list is short and it generates an overlay on the same active page. My original
Long select history problem after dialog close
Hi all, The problem I ran into can be demonstrated with the default demo for selects page: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html the second demo is of a select with many options, so that the options list is opened in a dialog (nice feature, btw). The problem is that after choosing an option the dialog closes (as it should), but not cleanly, so that pressing back goes to an empty page instead of to whatever was the previous page. I think that the problem lies in the ui-state=dialog
Internet Explorer, jQuery 1.5.2 and Invalid Argument at line 7968
Hi guys, I'm having this problem recently and I need a solution for it. Internet Explorer shows up the error "Invalid Argument", and point the line 7968, char 5 (jQuery uncompressed). Error details: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; Tablet PC 2.0; .NET4.0E) Timestamp: Tue, 5 Apr 2011 19:05:31 UTC Message: Invalid argument. Line:
bug in "change" event on select menu with multiple
i tried to add a "change" event on select menu, but the event dont execute when the first item of the list was unchecked. You can see this bug in this page http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-selects.html execute in JS console the code Copy code $('#select-choice-10').live('change', function () { console.debug($("#select-choice-10").val().join(",")); }); and try to select the multiple select menu with states: 1) check the first element 2) check other elements 3) uncheck
Hash navigation problem
I have a weird problem with internal pages linked with hash. I have two pages (divs) which are called with links like this: <a href="#ma_options" data-icon="gear" data-iconpos="notext" data-role="button"></a>And the pages looks like this: <div id="ma_options" data-role="page" data-theme="c" > <div data-theme="a" data-role="header" class="ui-bar-a ui-header" role="banner"> <h1 tabindex="0" role="heading" aria-level="1" data-theme="a">{% trans 'Django administration' %}</h1> </div>
Footer popping into the middle of the screen
I'm having an issue where if I go from a screen to a screen that is longer, the footer will pop in to the middle of the page. Any ideas as to what's causing this, and more importantly, what can be done to fix or work around it? Thanks
the "data" parameter is always undefined in the success callback in jQuery > 1.5
I have a really simple scenario which got broken after upgrading to 1.5. the defined handler for the success callback in $.ajax doen't set the data parameter - it's always undefined. This works fine in 1.4.4. Could someone clarify if this is a bug or a breaking API change ? Thanks, Angel
CSS incomplete when downloading unchanged and custom themes
The CSS files downloaded from http://jqueryui.com/themeroller/ are sometimes incomplete, leading to a faulty display of the datepicker widget. Basically everything after "/* Misc visuals ----------------------------------*/" ---> "/* Overlays */" is missing. Could anyone please confirm ?
JQuery Cycle display issue in IE - first page load only
I have an issue with JQuery Cycle plugin that only appears in IE (version 8, but probably also others), and only appears the first time the page is loaded. Clearing the cache, clearing cookies, etc, does not allow the problem to be reproduced a second time. The problem can be seen at [redacted] On first page load, the slideshow briefly flashes what look like 'broken image' icons, before loading images properly. The images then start to cycle, but with a small square appearing at top left corner,
jQuery's cluetip plugin : GSearch is not defined
I'm using the following code for creating google map. Now if I load this page through a browser, it loads fine. However, if I call this using the cluetip plugin the map doesn't load. I get this error GSearch is not defined on both FF and Chrome. Any help will be much appreciated. Calling Google map using cluetip: <a id="ttip_1204" class="jt" rel="ajax/carte.php?id=1204" href="ajax/carte.php?id=1204">See Map</a> $(document).ready(function() { $('a.jt:eq(0)').cluetip({ cluetipClass: 'jtip',
Tabs widget bugs or change in behaviour between UI 1.7.3 and 1.8.x?
Hi everyone I upgraded an intranet project to jQuery UI 1.8.8 a couple of months back, from 1.7.3 I've since further upgraded it with each new UI release and am currently running 1.8.11 There are a couple of niggles I've noticed that have appeared in UI tabs widget between 1.7.3 and 1.8.1 I've asked about these in the Using jQueryUI forum and on IRC but not got any response to I fear these might be bugs. I have a test page setup which will illustrate the changes in behaviour I'm alluding to... http://thenetzone.co.uk/fail/tabs_fail.php
ThemeRoller Zip file export corrupt
I've been trying to download a custom ThemeRoller theme but everytime I try windows says the file is corrupt. I've tried different browsers and different PC's but always the same.. I have downloaded before today so am not sure what the issue is. I've also tried downloading the basic theme but that fails as well... Is anyone else having a similar problem? Custom theme I'm trying to download Many thanks Justin
Header disappears on jQueryMobile demo site
Visit: http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-pages.html Click 'View boilerplate template' (button) Go back via back button Header is missing Confirmed in Chrome 10.0.648 and Safari 5.0.3
Form Plugin - using multiple times on the same form
I'm using the Form Plugin to allow a user to upload a photo. The user clicks on a link in the page and I display a dialog collecting the file and description. It works great the first time, but when they do it again the description and a hidden field is not passed in the form. How can I get the form to work more than once without reloading the page? I call this on the click of the link on the page. var options = {target: '#divToUpdate', success: PhotoUploaded}; $('#photoForm').ajaxForm(options);
Unable to login to plugin repository
Hi I understand that there were issues last year in accessing the plugin accounts however I am still unable to log into my account. We have a significant update to a project which would be good to release and since we have a number of plugins don't really want to create a new account. Account name: zazar Thanks
Perfomance Problems in v1.0a4.1 with ajax loaded listview
I have a dynamically generated listview via ajax In firefox 4.01 it takes the follow times to load and render the list Load Data: 373ms Load List: 38ms refresh list: 133320ms In latest safari Load Data 459ms Load List 34ms Refresh List 2545ms How come?, do I need to change the refresh process to apply the correct styling?
misuse of the jQuery plugin web site
To the people in charge of filtering the posting of new jQuery plugins, I would like to point you to the jQuery plugin entitled "Respect is one of the basic needs of human life" which is just an advertisement page for Dell batteries embedded in the disguise of paragraphs on respect. http://plugins.jquery.com/project/humanlife This is a misuse of your web site and I think that this posted plugin should be removed. Yours,
jqueryUI position() breaks events!
Hi, I don't know if its me but i'm having some problem with the position() utility from jqueryui. Sometimes, when a element is positionated with jquery ui, the events on it don't work any more! It's totally strange that happens only on certain elements but I can't find a common point. I have some buttons on which I want to change the background on hover: <div class="hidden" id="context"> <div class="move up"><span></span></div> <div class="move down"><span></span></div>
QUnit and jQuery Mobile
Hello, I've played around a bit with QUnit Testing and jqm-1.0a4pre The jqm css is preventing QUnit to display the result. .ui-mobile-rendering > * { visibility: hidden; } is the problematic instruction. I helped myself by putting <style type="text/css"> .ui-mobile-rendering > * { visibility: visible !important; } </style>Into my test page. Just writing to help, if anybody got the same problem! Is anybody testing a jqm application ?
Cycle Plugin and drop down Menu
I am using the cycle plugin on the frontpage of my client's site: http://www.rayjs.argentcor.com/ (using Platform Pro theme). The plugin works great, but I needed to add a drop down menu to the navigation bar. I can see the drop down menu (Banquet Rooms --> Banquet Menu) on all the pages without a cycle plugin. I know that the z-index is an issue with slideshows and drop down menus, but I cannot find where I need to raise the z-index. I've tried several parts of the nav bar and nothing changed.
Stuck in "ui-mobile-rendering" - page not displayed
Hi All, From time to time, I'll deploy my app and when I fire it up all I get is a blank screen. The body seems to have the "ui-mobile-rendering" class applied to it, which sets it's visibility to "hidden" and it never recovers. This issue *may* be specific to Firefox, as I don't recall seeing it in Chrome. But, I use Firefox for most of my development due to Firebug. Please let me know if others have seen this, or if I can provide more info to help get to the bottom of it. Tom
List items stay selected with 1.0a4.1
List items stay selected when clicked with 1.0a4.1, at least, on my HTC Desire, not in Google Chrome. In my app clicking a list item moves you to the next page. When you return to the list the item is still selected. This happens with every list item so after a while all list items are selected.
Checkboxes moving around page.
I have checkboxes laid out in a table. When I navigate away from the page and come back the buttons move out of their table cell. All the buttons shift toward the top of the page. The buttons in the code that move are the checkboxes. CheckboxRevDec CheckboxTracking CheckboxRevRa CheckboxPEC Code as follows <div data-role="page" id="Main" data-theme="a" style="margin: 0px;"> <div data-role="content" style="margin: 0px;"> <div style="border: 2px solid rgb(0, 0, 0);margin: 0px;">
display:none buttons are rendered visible
If I have this HTML <button style="display:none"> Click me </button> Then JQuery Mobile makes a div styled like a button that is actually visible on the page. 1) What markup can I put on the button to hide the created button? Some data- attribute? 2) Can this be fixed? Thanks!
Typo in jQuery types documentation
Heya, I think I found a typo in the documentation at: http://docs.jquery.com/Types I think the boolean example code meant to have quotes around the second last "false" !"" // true
!"hello" // false
!"true" // false
!new Boolean(false) // false (sorry in advance if this post is made to the wrong forum, I wasn't sure which was the best for a post on the documentation)
Content formatting issue when going into theme page and then backing out
Hi, On Windows using the latest Chrome browser I went to this demo: http://jquerymobile.com/demos/1.0a4.1/#docs/content/content-themes.html - go to the bottom of that page and click the "Switch Theme" button - when the dialog opens hit the "x" button (top left) to cancel and go back to the previous page - the formatting is all messed up and the header and footer are now gone This happens on Chrome (Windows 7), the iPad 2 (Safari Mobile), and on my Droid X (Android 2.2). Anyone else noticing this?
IE9, UI 1.8.12 and jquery 1.5.0 and Dialog
I was having a problem with the Dialog window where it wasn't working with the combination of UI 1.8.12 and Jquery version 1.5.0 when used in IE9. The Dialog window not only wouldn't fire, it was breaking other Jquery functions on the same page. As soon as I switched to Jquery 1.5.2 the problem went away. I figured I'd post it here in case anyone else is having a similar problem.
QUnit is rejected in IE9 because of MIME type mismatch
In my test page, the qunit.js is referenced by a online url, like: <script type="text/javascript" src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script> Then in IE9, a warning occurred: SEC7112: Script from https://github.com/jquery/qunit/raw/master/qunit/qunit.js was blocked due to mime type mismatch I've checked the MSDN, and according to this page: http://msdn.microsoft.com/en-us/library/gg622941(v=vs.85).aspx, it seems that this is supposed to be fixed on server side to provide
dot in for-attribute
following lines of Code let jQuery Mobile crash <form method="post" action=""> <div> <label for="component.test">label</label> <input id="component.test" name="rec" value=""> </div> </form>if there is no '.' in the for-attribute then everything works fine the error returned by firebug is: uncaught exception: Syntax error, unrecognized expression: [for=component.test]
jQuery.jstorage.js error in ie6 when 'Binary and script behaviors' is disabled
My client uses IE6 with 'Binary and script behaviors' disabled. This option is not configurable as it is set as part of the security settings in their domain. An application using jQuery.jstorage fails on line 194: _storage_elm.load("jStorage"); (the Load method does not exist) is there a fix or work arround for this issue? Regards, Sean Worlock.
Back button will return user to a page even if page has been removed from dom
I have a simple CRUD type app written in Jquery Mobile. In order to prevent caching of the page that contains a list of all the "items", I delete the page from the DOM when the page changes. Unfortunately, when a user clicks "back" to return to the page they just left it will display a blank page rather than request the page again. I need either an alternate way to prevent caching of that page, or a way to ensure that the back button won't send the user to a non-existant page. Thanks in advance!
navbar renders incorrectly when linking between two different layouts
I have two layouts. One layout has a footer navbar with 4 buttons. The second layout has a footer navbar with 3 buttons. Both navbars use custom images. Attached are the two navbars. When following a link that takes you from one layout to the other, the footer navbar gets rendered incorrectly. See attached. I am using the default true value of ajaxEnabled. If I set ajaxEnabled to false, the rendering problem goes away.
checkbox values + IE8 = really weird behaviour?
This is a snippet of my HTML: <div id="step4"> Period:<br> <input class="price" type="radio" value="3" name="period"> 3 months<br> <input class="price" type="radio" checked="" value="6" name="period"> 6 months<br> <input class="price" type="radio" value="12" name="period"> 12 months<br> <br> Addons:<br> <input id="m_obj" class="price" type="checkbox" name="m_obj" value="1"> Foo<br> <input id="p_obj" class="price" type="checkbox" name="p_obj" value="1"> Bar<br>
jQuery Mobile doing ajax request for inline pages when passing parameters
For developing a web application I am using jQuery Mobile. However, I recently ran into a problem when having multiple pages in a single HTML-file and trying to link to them: <div data-role="page" id="first"> <div data-role="header"> <h1>First</h1> </div> <div data-role="content"> Content of first page </div> <div data-role="footer" data-id="footer"> <div data-role="navbar"> <ul> <li><a href="#first?foo=bar" class="ui-btn-active">First</a></li>
[ Create Own Event for Jqueryplugin problem ]
Dear all, I have code blow My HTML: <div id='container'> <div class='item' id='itemone'> ... </div> <div class='item' id='itemtwo'> ... </div> </div>My Plugin here // My Plugin (function($){ $.fn.myplugin = function(options) { if (this.length > 1){ this.each(function() {$(this).myplugin (options)}); return this; } var elem = $(this); var set = $.extend({ someoption1 : 'option1', someoption2 : 'option2',
Png problem in ie8 using fade with jQuery
Hi all, i have a problem with png image (with trasperency) in ie8. See screenshot in attachments to show my problem.. I use this coding: jQuery(function() { jQuery(".logo").css("opacity","0.5"); jQuery(".logo").hover(function () { // opacity 100% jQuery(this).stop().animate({ opacity: 1.0 }, "slow"); }, // mouse out function () { // opacity 50% jQuery(this).stop().animate({ opacity: 0.5
Problem with events
I have 20 divs,(class point_wrapper) when i click on it, happens what follows: $(".point_wrapper").click(function(event){ $(this).css({background : '#000'}); var id = $(this).attr("id"); var nombre=$(this); var t='#'+id+'x'; var u='#'+id+'y'; $("#canvas").click(function(event){ var x, y; var posicion=$("#canvas").position(); x =Math.round(event.pageY-posicion.top); y = Math.round(event.pageX-posicion.left); var drawingCanvas = document.getElementById('canvas'); if(drawingCanvas
Problem with visible selector and toggle in a unique scenario in Chrome
Ok, so I can get the visible selector and the toggle method to work in Chrome (v10.0.648.205 in Win7) in other scenarios but in the attached page they won't work and I can't figure out why. I followed the logic to the Sizzle function but I got lost there. Yes, this all works just fine in IE8 and FF 3.6 When you extract the attached page information (I saved the page from inside Chrome) the problematic method is in \Terminate_Coverage_files\OLETermination.js. The function is the 3rd from the top in
"thisUrl is undefined" || "X is undefined" FIX
~ LINE 2551 : ORIGINAL: //rewrite src and href attrs to use a base url if( !$.support.dynamicBaseTag ){ var newPath = path.get( fileUrl ); to.find( "[src], link[href], a[rel='external'], :jqmData(ajax='false'), a[target]" ).each(function(){ var thisAttr = $(this).is('[href]') ? 'href' : 'src', thisUrl = $(this).attr(thisAttr); //if full path exists and is same, chop it - helps IE out thisUrl = thisUrl.replace( location.protocol +
FireFox 4 jQuery.get() opens in window
Hi all, Environment: FireFox 4, Windows 7 Url: http://www.bru.gov.mt/calendar/ What I do: Click on the previous month. What's supposed to happen: An AJAX request gets sent, returning the HTML of the table for the previous month. What actually happens: Immediately after the get request is sent (~ln 250), the browser just goes to a URL that I'm not even sure where it comes from. This code is actually part of an Event Calendar plugin for WordPress. This works in FF < 4, IE 8. I've also posted it at
Next Page