Tooltip breaks when adding bind event
Tooltip stops working in IE/Opera when you add another bind event to the element. I am including an example - http://exodus.quadspeedi.net/~rhutchison/tooltip/example.html Tested in Chrome/Firefox (works fine). IE/Opera fail.
Firefox Mobile problem
I'm testing my app with Firefox Mobile on android 2.2. The links created with text formated listview does not work. It reacts to click like highlights and stuff, but does not trigger the click event attached to it. It works on the native android browser and opera as well as iphone. When I bring up jquery mobile doc and demo site under Firefox Mobile, it blows up after navigating a couple of pages. So I'm sure it's not just my app.
jquery mobile - link to forum is broken
The nice shiny green 'forum' button on the jquery mobile site sends you to a non-existent forum, and 404s. AJP
slider css style not entirely clear
I coded a slider like following to switch between two options: <div class="ui-grid-a" data-role="fieldcontain"> <fieldset data-role="controlgroup"> <div class="ui-block-a"><label for="check">check</label></div> <div class="ui-block-b"> <select name="check" id="check" data-role="slider"> <option value="N">No</option> <option value="Y">Yes</option> </select> </div> </fieldset> </div><!-- /grid-a -->It works fine. But the style is not entirely satisfactory. The corners
jQuery Effects weird side affect in Webkit
First off, this issue was posted in http://bugs.jquery.com/ticket/8301... But after the bug was labeled "worksforme" I found out that its only in Webkit, and it seems to uneffected by different jQuery versions... Basicly I have a series of divs that are styled with display:table, display:table-row, and display:table-cell. What happens is when I don't style the div that I am using jQuery effects on with display:table-cell, but the rest of the divs are styled properly, when you, for example, $.fadeOut()
autocomplete android setTimeout
I have been trying to figure out the autocomplete() problem with an Android phone and the touch key pad. What I have found is that setTimeout() stops execution of the javascript until the key pad is hidden. I created my own autocomplete program and it works great if I execute each key stroke, bypassing setTimeout(). Does anyone know how to get around this? Or, how to do an autocomplete without using setTimeout(). Thanks.
Problem with Visual Quickstart Guide
I'm working thru the jQuery Visual Quickstart Guide by Peachpit Press. I got to chapter 9, which deals with Widgets, and I'm stuck. I copied the links to the the jQuery UI codes, but the accordion plugin is not working <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> <script
Event namespaces are ignored when bubbeling up!
Hi, I've found some strange behaviour with event namespaces. Simple example: $( "body" ) .bind( "testevent", function () { alert( "should not trigger in body" ); }) .bind( "testevent.active", function () { alert( "should trigger in body" ); }); $( "#test" ) .bind( "testevent", function () { alert( "should not trigger in #test" ); }) .bind( "testevent.active", function () { alert( "should trigger in #test" );
Sudden Blank / White Page
Hi Guys - really struggling with this issue. The page loads fine and sits there for an amount of time (5 minutes, 5 hours - unsure) and randomly the whole page will just turn white as if it's being blanked. I thought perhaps this was a Chrome issue at first - but it's happened on FireFox too. I's firing off Ajax requests probably once a second (I queue them to stop overloading the server). I'm not even sure where to look. Once it blanks - sometimes, it'll just reload all by itself as if it's been
Sortable problem on chrome browser
Using Sortable on a table in a chrome browser gives a weird behaviour. Dragging a row around the table makes a gap appear between the top row and the table header. dragging the lowest row outside the table makes a gap between the rows. i've been looking for a solution all over but none found. is there any here? thanx, Thomas EDIT: further inquiring showed me that it has something to do with chrome behaviour with calculating heights of elements. anyone?
Unexpected dragging after scroll
Hi all, I am trying to make use of a draggable div which has a vertically scrollable (overfolw: auto) content. If I click anywhere on the scrollbar surface and then release the mouse button, the window will automatically enter the dragging mode Can you, please, suggest a workaround? I am using the Chrome 9.0 browser.
Chrome, 'show', 'clone' (or document fragments) and getComputedStyle
Trying to 'show' a document fragment that is hidden via a stylesheet rule fails in Google Chrome. An example is at: http://jsbin.com/ehano5/8/edit It looks like the offending API call happens at line 5901 of jquery-1.5.js. When calling getComputedStyle, Chrome returns "" for the display property, while FF (correctly?) returns "none". The temporary 'fix' is to append the item to document first. Or am I doing something else wrong? _jason
Missing theming info into sortable documentation
that's not a bug but i scraped my hand a long before my example was running... please add theming info to official online doc&demo about sortable. PS: you're making a excellente work. !
Missing replies?
Some of the discussions seem to be losing their replies....or is it just me.
Autocomplete menu issue
I'm noticing a weird issue when using autocomplete with a remote datasource that takes a bit of time to return. (Noticed in jQuery UI 1.8.9) If you've typed some text, and then move your mouse around on the menu while waiting for the source to return some data, the input value is reverted back to what it was before the last data request. For example, with a datasource that takes a couple seconds to return: -type some text, and wait a couple seconds -a menu appears with some options -type some more
jQuery UI download
Tried download jquery ui the updated on two different machines and 4 different browsers and keep getting that it cant open an uncompressed file
Connected sortable grid lists behave weirdly, when dragging from second, third etc. row of a grid to an one-line grid
I have two lists as grids, so <li> elements have float:left. There is a list with the height of a single <li> element (so it looks like it's only one row). Below this, there is another list which has got no limit to its height. When I have one element in the first grid, and I move another element to this list from the second, third etc. row of the other list, the placeholder appears at the first place in the one-line list wherever I move the element. And this also happens when I have two or more
building customer jQuery UI fails
When unzip the the built file, it always says the zip file is invalid.
JQuery Cycle problem in IE
I've made a very simple Slieshow with JQuery Cycle plugin (following the "instructions" at http://jquery.malsup.com/cycle/) but I'm having some problems with IE. My example is in: http://web.ist.utl.pt/ist155465/Cycle/cycle.html The problem only occurs in IE (for Firefox is fine) and consists in a problem in passing from last to first image (please see the example) and the apear of "pages" control. I found that if I remover the DocType line (from html file) the problem is solved but I need that line
Problem using jQuery in Internet Explorer 7
Well, while you position jquery as a cross-browser framework, I experience severe problems using this framework in Internet Explorer. To be more specific, let's say I have this function: function clear_block_contents() { $('#pTitle').empty(); $('#pageText').empty(); } It works perfectly in all browsers, even in IE8. Except for IE7 which reports that there is no such element, although I do have an element with the ID 'pTitle' and 'pageText'. The other problem. Look at this function: function
got "Failed to load resource: cancelled" Error when using Jquerymobile in difference browsers
Here is my code <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> </head><body> <div> <img src="avatar2.jpg" width="80" height="80" > </div> </body> </html> The image did not show in any browsers (firefox, safari, chrome). If I commented out the jquerymobile library, the image showed up.
Dialog with combobox with around 100 items getting javascript "stop running this script" when clicked on in IE only
I posted this a few minutes ago but I can't find it, maybe moderator didn't approve? We are simply calling ajax to get html from an action then placing it in the div used by the dialog. It has two comboboxes and one works fine with less than 20 items but the one with roughly 100 works fine when you use keyboard up/down keys but if you click on the dropdown to view it, IE throws some popup about "Stop running this script". There is no script on the combobox that we call. Any idea, pretty new to
Android EVO and key pad problem.
I just ran into this one today. The Android key pad has a feature that if you hold down the key there will be other letters or characters pop up so a different character can be selected. For example, if I hold down the w then a 2 will replace the w. The problem seems to be with a JQM search control, I get the w and the 2 instead of the 2 replacing the w. I know I can press the shift and the w and get a 2 but that is not the normal way it works.
Dialog - form based with combobox, STOP SCRIPT RUNNING in IE
First off I am a newbie. We are switching out all our prototype with JQuery. We are trying to use dialogs for all of our popups. We have an odd situation with a combobox. The page actually has two combo boxes and one work and the other(which has about 3 times the data) gets an error in IE. "Stop running this script". There is less than maybe 100 items in the list. In firefox this works just fine. The popup is dynamic and based upon an ajax call. Once the ajax call is complete we open the dialog
List pagination
Hi, I've got some problem. There's a list in HTML like this: <div class="list"> <a href="http://www.domain.com/alias/category/product/a01">A01</a><br /> <a href="http://www.domain.com/alias/category/product/a02"A02></a><br /> <a href="http://www.domain.com/alias/category/product/b01"></a>Basfasdf<br /> <a href="http://www.domain.com/alias/category/product/bcdsdfa"></a>Bcdsdfa<br /> <a href="http://www.domain.com/alias/category/product/hasfas">Hasfas</a><br /> <a href="http://www.domain.com/alias/category/product/wasda">Wasda</a><br
jQuery UI Dialog: modal overlay problem with page height > 4096px
Hi I'm using a jQuery UI dialog, with modal: true. Works fine in Firefox 3.6.3, Chrome 4.1.249.1064 (45376). jQuery core version is 1.4.2, and UI components are the latest and the ones designed to work with core 1.4 and up. However, in IE8, with a page greater than 4096 pixels in height, the modal overlay starts misbehaving. This was found by crafting a simple page (using the guts of the downloaded demo) with a couple of height-styled divs. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"
Invalid JSON issue with malsup Form plugin
I'm having troubles with an existing J2EE application (which uses Dojo) and in which I'm gradually introducing jQuery. The specific issue is with the malsup Form plugin and the JSON returned from a form submission: the error callback is always called, regardless of what happens on the server side, and the error is always "parsererror". I'm using jQuery 1.4.2 and the 2.45 version of the malsup Form plugin. For example, given the following code: $(document).ready(function() { var options = { dataType:
Examples on documentation doesn't work
Try this http://docs.jquery.com/UI/Effects/Explode The example aren't working, the jquery library is not loaded correctly. And like this there are more examples in the documentation wich doesn't work. Please fix it! Thanks
textStatus unavailable from ajaxError
The value of textStatus doesn't seem to be available when using the global handler ajaxError, so it doesn't appear to be possible to determine what the reason for call failure is - this is probably most evident when defining a timeout through ajaxSetup. Is anyone aware of a workaround for this, and/or is this omission slated to be addressed any time in the near future? Thanks.
Two or more form submit buttons value.
I am troubled by proper use of two or more form submit buttons. <form action="index.php" method="post"> <button type="submit" name="Options" value="Option1">Option1</button> <button type="submit" name="Options" value="Option2">Option2</button> <button type="submit" name="Options" value="Option3">Option3</button> </form> The following results are obtained when requests by pushing a "Option1" button by the usual html. $_POST -> { ["Options"]=> string(7) "Option1" } However, when jQuery
.css() reports value of "clip" inconsistently
Given: a CSS definition of this sort: div {clip:rect(0px 30px 30px 0px); /* (values set arbitrarily) */ } Using IE 8, if I attempt the following: $(document).ready(function () { alert( $("div").css("clip") ) }); The alert reports "undefined" unless the clip is defined in an inline style, i.e. <div style="clip:rect(...);"></div>. When the style is inline, it returns space-separated values, e.g. "rect(0px 30px 30px 0px)," even if the clip is defined with comma-separated values. In FireFox 3.6.12
encodeURIComponent isn't sufficient for encoding application/x-www-form-urlencoded
Heya, I'm struggling with form serialization in jQuery 1.4.2, in a Rails 2.3.8 project. I'm ajax-posting a form containing a textarea, grabbing the form contents using $(form).serializeArray(). $.ajax uses $.param to serialize the contents, which in turn uses encodeURIComponent. If my textarea contains: foo "bar" baz then the resulting request body contains text=foo "bar" baz which Rack/Rails manages to deserialize as simply "text"=>"bar". * The spec - http://www.w3.org/TR/html401/interact/forms.html#h-17.13.4.1
Dialog lose mouse tracking when resizing
Hi everybody. I have a problem when resizing a jquery ui dialog which was created with a setup like this: $('<div><iframe/></div>').dialog(); the problem is, if I start resizing the newly created dialog, and the cursor moves inside the iframe in the dialog itself, it seems to lose mouse tracking and so it stops the resizing, immediately restarting as soon as the cursor is outside the frame. you can check it out here: http://jsfiddle.net/Lmbjj/ I have been able to verify such behaviour in Firefox
onclick event does not fire for select box in jquery mobile framework
The onclick() event does not seem to fire for the <select> box. Here is a sample code that you can insert and test in the jquery mobile page. <select id="listSample"> <option>Option 1</option> <option>Option 2</option> </select> and then perform $('#listSample').click(function() { alert('listbox click called'); }); When you click on the listbox, the listbox elements get rendered but there is no call to the click() method. So its not possible to dynamically alter the contents
Jquery UI Tabs and cookie option problem
I change jquery and jquery ui to the last version (1.4.4 and 1.8.6) and i noticed a problem with tabs that have a cookie option set. The tabs don't load the ajax content and with opera the error reported is the following : Uncaught exception: TypeError: Cannot convert 'b.cookie' to object Error thrown at line 381, column 633 in <anonymous function: _cookie>(): return b.cookie.apply(null,[d].concat(b.makeArray(arguments))) called from line 384, column 388 in <anonymous function: _tabify>(d):
[validation] errorContainer not display the list item properly
Hi there, I am able to display the validation error messages at top of with wrapper: "li" like the following screen: But when I enter a valid email into E-mail field, the list item bullet not display (hide) properly in the error container, please see the screen below: Is this a bug or did I missed some settings in my source code? Attached here is the sample code that demo the problem (after extract the compress file, please open sample-code/demo/demo.html). Please advice. Thanks. Regards, Chee Kin
JQuery validation shows error message in wrong place?
I have a form with three text field with the same name. If I trigger an error in any field, the error message for all other field with the same name will be shown next to the that particular field. (e.g. if I trigger errors at field 2, and correct the entry in field 2, then trigger the error in field 3, the error message for field 3 will be shown next to field 2 instead of field 3) Is it a bug? or just a designed behaviour? How can I change it? I am using jQuery 1.4.4 and JQuery validation 1.7 .
Window Unload overwritten
I am trying to add jQuery to a very large project that has many parts owned by teams outside of my own. I noticed that several of our pages have inline (or asyncrous script which could occur before/after jQuery)for the window.onbeforeunload event. When jQuery evaluates after our inline script (or async scripts) it seems to blow away the previous window.onbeforeunload method. beforeunload: { setup: function( data, namespaces, eventHandle ) { // We only want to do this special case on
jQuery 1.4.4 selector problem in IE8
Hi, I have 18 check boxes (all checked) on a page, with one of them disabled, based data bound values. I have a few examples of IE8 not responding like FF, with FF giving the desired results. $('input[onclick="chkClick();"]:not(:disabled)').size() works in FF, but not in IE8. FF returns 17 check boxes, IE8 returns 0. $('input:checkbox(:disabled)').size() returns 18 in IE8, when only one is disabled. FF returns 1, as it should. $('input[onclick="chkClick();"]:checked').size() returns 17 in FF
Select box needs option to not open long lists in new page
So I've been complaining a lot about select boxes lately because it's in my opinion one of the most needed yet ironically buggiest widget in jQM. Here are my current complaints: http://forum.jquery.com/topic/global-select-box-display-bug I just ran into another situation where I was loosing my current page's "state" and then I realized it's because the select box opens long lists in its own on the fly created page. I knew this before but the connection wasn't being made until just now when I realized
Next Page