• Problem with click on select boxes (webkit)

    It seems that on webkit (or at least safari) when you bind a function to click on a select box it doesn't fire until the second time you click it. e.g. <select id="test"><option value="1">First</option></select> <script> $('#test').click(function() { alert('test') }); </script> This may be a problem with safari, but is there any way to work around this? I've also tried mousedown, but it doesn't seem to work as well as click (in FF and IE).
  • Ajax Tabs bug (#4451) patch is good

    In regards to http://dev.jqueryui.com/ticket/4451 : On 1.7.2, I was observing the behavior mentioned in the bug's comment: Similarly, if the ajax request takes a long time, the user may click on a different tab. This causes the same behavior described for the error case -- the slow-loading tab becomes selected when the user clicks the next tab, the content is not loaded (so you end up with a blank panel), and the tab clicks become off-by-one in the stack of clicks.  This made the tabs effectively
  • Code not executing more than once after upgrade to jQuery 1.4.2

    This is my jQuery Code  $j("#hideBtn a").addClass("inactive");     $j("#showBtn a").addClass("active");     $j("#hideBtn a").click(function(){         var hideEditor = $j(this).attr("href");         $j(hideEditor).tinymce().remove();         $j("#showBtn a[href^="+hideEditor+"]").removeClass("active");         $j("#hideBtn a[href^="+hideEditor+"]").removeClass("inactive");         $j("#showBtn a[href^="+hideEditor+"]").addClass("inactive");         $j("#hideBtn a[href^="+hideEditor+"]").addClass("active");
  • Dynamic radio buttons cannot be changed (IE)

    Hi All, I've found a very weird issue with my form. I'm dynamically generating radio buttons, but in Internet Explorer (tested in versions 7 & 6), you cannot change the radio buttons after they've been added. In Firefox (testing in 3.6) it's fine. I've mocked up some code below which shows the issue. It generated up to 10 radio buttons (by random number) and checks that radio button programmatically. However you cannot manually select an already generated radio button. HTML: <form action="list.htm">
  • <select multiple="multiple">, change() and ie6

    Hi. I have found a problem with <select multiple="multiple"> and .change() under ie6. The problem is ie6 fires first change event right after any other event, like selecting again, clicking mouse, pressing a key etc. It is perfectly seen on http://api.jquery.com/change/. Just click any option in demo, nothing will happen. If i put a handler using plain DOM, i.e. $("select").get(0).onchange = function() { ... } the problem dissapears. So, it's definitely a bug with jquery. JQuery version 1.4.2.
  • Datepicker short-cuts don't always work

    Hi, I am experiencing some weird behaviour with the datepicker when using the short-cuts to change the date. It allows me to change the date as in that it highlights the correct days, but when clicking enter it won't change the date in the input field, when: - I have set a default date using the value attribute in the input field where the datepicker is tied too <input type="text" id="Date" value="some correctly formatted date" />  - Or I set the date using the datepicker API         $(datePropertyName).datepicker("disable");
  • why using editcell() is causing beforesavehandler to fire again in Jqgrid and if is there any other way to focus on a cell without beforesaveHandle() firing.

    why using editcell() is causing beforesavehandler to fire again in Jqgrid and if is there any other way to focus on a cell without beforesaveHandle() firing.
  • "elems is undefined" JavaScript error calling $(this).text() in .replaceWith() argument

    I get a JavaScript error, "elems is undefined", when I call $(this).text() in a function which is a .replaceWith() argument, and .replaceWith() is called on an empty set of elements e.g. assuming the selector '.foo' matches no elements, then I get this "elems is undefined" JavaScript error running the following,         $('.foo').replaceWith(function ()           {             return '<div>' + $(this).text() + '</div>';           }); Here's a test page which throws this "elems is undefined" error,
  • 1.8rc2 autocomplete inside dialog

    While rendering autocomplete inside a dialog, the menu gets the wrong position info (left:0,top:0), displaying on the top left corner of the dialog box.
  • Superfish, supersubs - wrong width for Arial Narrow font

    Submenu items end up having too much space on the right. Here's an easy test: go to http://users.tpg.com.au/j_birch/plugins/superfish/#examples and use Firebug to set font-family to 'arial narrow'. I've tested it on Windows 7. The width of the items' text should be calculated some other way.
  • autocomplete 1.8rc2 positioning

    We used 1.8rc1, and the positioning was fine. With 1.8rc2, the autocomplete menu isn't always aligned correctly to its associated input field. For example, in a page with 4 input fields, the first one is padded a bit to the right, the second one is padded a bit to the bottom, and the others are aligned correctly. Using Firefox 3.5. In IE7, the menu is aligned correctly in all fields, but its content is always padded to the right. If needed I'll attach screen shots.
  • Setting opacity overwrites other filters in IE

    Hey.. Not sure if this is the best place to report this, but anyhow..(if not where's best?) Line 4602 of jQuery 1.4.2: style.filter = ralpha.test(filter) ? filter.replace(ralpha, opacity) : opacity; ... overwrites any other filters that are set (I'm greyscaling first), spose it should be: style.filter = ralpha.test(filter) ? filter.replace(ralpha, opacity) : filter + opacity; In the short term I'm just +='ing my greyscale filter after setting the opacity instead of before. Cheers John..
  • nav li { background-color:rgba(9,6,5,0.5) }

    Hello, I'm trying to use animate on a menu that has background color set to rbga. I get this error: h.start is undefined - line 10 of jquery ui I dont get the error if I set the background to a normal color Thanks
  • google map in dialog box have bug

    google map in dialog box have bug, the navigationControl break.   <html> <head>   <link type="text/css" href="http://jqueryui.com/latest/themes/base/jquery.ui.all.css" rel="stylesheet" />   <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.4.2.js"></script> <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>   <script type="text/javascript">
  • Ticketing system problems

    I was trying to search or browse through trac to look for a ticket.  But I got errors when trying to page past the first page when browsing and when trying to click on bug searches by plugin.  This link illustrates the problem.  Screenshot attached. http://dev.jqueryui.com/report/10?P=sortable
  • Problem with Webkit form submission

    I'm running into a problem with the jQuery submit() function that seems to be one of a) a jQuery bug, b) a Webkit bug, or c) something stupid on my part. Given the following code, the form gets submitted with one click using Firefox and IE, but requires a second click on Webkit-based browsers (Chrome and Safari): <html>   <head>     <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>     <script type="text/javascript">       function submit_form() {           $('div').html('Submit
  • UI droppable could work much better? It often doesn't work

    There is a problem with having the draggables different sizes with droppable. I couldn't get http://forum.jquery.com/topic/problems-with-drag-drop-of-different-sizes working with droppable. But with 4 lines of code.. I can drag and drop correctly using hover and mouseup.  http://jsfiddle.net/Yz9V3/111/ Why doesn't droppable use hover and mouseup on the target?  I can't begin to guess what it's doing that makes it mess up so badly with different sized draggables. Seems there might be an issue with
  • jQuery UI interactions don't work in iframes

    I initially thought this was a regression for 1.8 but it seems not. I thought for sure I had depended on this behavior before. Given an iframe with a containing div. var doc = $('iframe').get(0).contentDocument; $('div#dragme', doc).draggable();   The mousemove and mouseup events are bound to the wrong document. Drags won't actually start till the mouse moves outside the iframe, and drags stop only on mouseup outside the iframe. I'm not an expert with jQuery/jQueryUI source, but the following changes
  • [Autocomplete] Can't clear field after selecting item from list

    In 1.8rc2, I can't clear an input after selecting an item from the list. The previously-selected item repopulates the field on blur. This doesn't happen with rc1. To reproduce: - Type in field until the list appears - Arrow down to an item in the list and hit enter - Tab out of the field - Shift-tab back into the field (all text is selected) - Hit delete - Tab out of the field; at this point the value selected before will re-appear
  • Problem when adding tabs.

    Hi, I have a script which sorts the tabs programmatically by removing the tabs and adding them back in in the desired order. This script used to work fine before upgrading to 1.8. The script still does what it's supposed to do, but extra spacing is added at the top of the currently selected tab after each tab is added. After the script has executed, the currently selected tab looks as expected if I click on a different tab and back again. I've noticed this behaviour in both IE6 and FF 3.6. The tabs
  • Integration Plugin Category shows "Page Not Found"

    Not sure where the best place to post this was. Was surfing the plugins page when I was bored and clicked on the Integration category and it came up with "Page Not Found." http://plugins.jquery.com/project/Plugins/category/42
  • Tabs Issue

    I just downloaded 1.8rc2 and noticed that when a tab is clicked it retains focus. This leaves the tab looking somewhat ugly with the box around it. Strangely, this only happens in Firefox (3.5.7) but not in IE (8). I know there's a simple work-around - calling this.blur() within a click event handler but it would be nicer if it was done by jQuery UI. But the show-stopper for me is the fact that the tab widget is still missing a most-needed feature - the ability to scroll to the left or right when
  • Bad example in bind docs on api.jquery

    http://api.jquery.com/bind/ The bind docs have a bad example under "Stop only an event from bubbling by using the stopPropagation method." It includes a use of event.stopPropagation in which it tests for existence and falls back to using event.cancelBubble exclaiming it's for IE support. jQuery handles the issue with IE internally, this is bad use of jQuery (unnecessary because it doesn't apply since stopPropagation always exists, even in ie) and shouldn't be in the official docs.
  • Adding tags to a post causes the number of views to increase

    Each time I add or remove a tag from a post the number of views goes up once or twice. This can really start to add up when (for example) removing 3 tags and adding 2 tags. It would be great if this didn't happen, since it would keep the number of views at a more realistic value. Thanks!
  • Easy Retweet Button

    I am using your easy retweet js in my blog. It shows the total count of traffic for particular blog post. But sometimes it shows the constant numeric value like 1315 ,1388...etc., in this series. At that particular time, the bitly url becomes like http://bit.ly/Undefined, can you help me to find out the reason. And also is there any way to get only the tweet count alone. P.S: I am using all the values as default given by you (Username for bitly account) --With Regards M.Bala Ganesh
  • Login options label placement

    On the little login box, there are no `label` elements used on the two checkboxes ('Keep me signed in' and 'Secure Login'), so you have to click directly on the check box instead of being able to click on the much larger target of the text next to the label. Here is what the current box looks like: <table cellspacing="0" cellpadding="0" align="left">   <tbody>     <tr>       <td valign="top"><input type="checkbox" name="rem" value="10"></td>       <td><span class="securetxt">Keep me signed in</span></td>
  • 1.8rc2: bug #4838 still not fixed, here's a potential patch

    Bug #4838 <http://dev.jqueryui.com/ticket/4838> ("containment: 'document' is incorrect for top and left in draggable") is still present in jQuery UI 1.8rc2. Three months ago joern.zaefferer marked it as "priority: major" and "milestone: 1.8", so is it still going to be fixed before 1.8? A two-liner patch that fixes the problem for me is: --- jquery.ui.draggable.js.orig    2010-02-18 22:59:18.000000000 +0100 +++ jquery.ui.draggable.js    2010-02-18 23:00:57.000000000 +0100 @@ -333,8 +333,8 @@    
  • jQuery Select and Drag elements with relative and absolute position problem

    Hi, I had askedthis question on another forum but unfortunately I was unable to find a fix. I have a select and drag code that works well until in selection is added a position relative div. Here is the code and you can see a working demo at http://jsbin.com/azeli/2 To see the problem just mouse select span 1, span 2 and the nested span 4 You can see the code and demo at http://jsbin.com/azeli/2 $(function() {   var selected = $([]), offset = {top:0, left:0};   $("#selectable1").selectable();    
  • Problem with CSS class on SELECT

    Here is a sample code to explain the problem: CSS part: option.sel { color:red } HTML part: <select id="test"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> </select> jQuery part: $("#test option:selected").addClass("sel") When testing this sample code on several browsers, I get different results: On IE8 the selected option is red on the current selected box, but is still black into the popup list On FF or Chrome the selected option is still black
  • jQuery UI Accordion with WordPress

    Hey Guys, I'm pretty new to jQuery so please forgive me if I'm missing something obvious. I am trying to use the jQuery UI Accordion in WordPress and so far it's going ok, but the accordion loads with some problems, but after clicking on on of the accordion bars it looks fine. For some reason when the page loads, the first bar loads 2 arrow images and no background image. The page where it is is here - http://jesuspeopleplanet.com/how-can-i-help/ I have taken the script that comes in the index.html
  • load() not working on some requests in IE8

    I can't figure a problem I'm having in IE. The same thing works in Chrome.   Look at this URL and click on one of the small images next to the sneaker. This works fine. The itemWrapper div is replaced correctly and looks great.   http://be.ksbedard.com/jgasite/product.aspx?id=101791   Then try this URL and click on one of the small images next the album cover.   http://be.ksbedard.com/jgasite/product.aspx?id=161416   Everything seems to work ok in jQuery from what I can tell, the response shows success.
  • jQueryUI 1.8rc2 Button Events

    I encountered some problems with the Button widget in jQueryUI 1.8rc2: The change event of checkboxes setup with button() is always triggered twice: once with the old state, and once with the new one. The change event for radiobuttons that are setup with buttonset() is never triggered.
  • show() / hide() problem in ie6

    please view http://www.chronicler.co.cc/ using firefox.. using ie6, it does not render the correct format... can anyone help? thanks
  • Tablesorter plugin with table that has colspan on headers

    I'm trying to use the tablesorter plugin (http://tablesorter.com/docs/) to sort a table and having issues with it sorting the correct column of data.  The table that I'm sorting has a colspan on the header rows and this seems to be causing the plugin to sort the table by a different column then desired. <table class="tablesorter"> <thead> <tr> <th>Stuff</th> <th colspan="2">Value 1</th> <th colspan="2">Value 2</th> <th colspan="2">Value 3</th> </tr> </thead> <tbody> <% @things.each do |thing|%> <tr>
  • <insert plugin name> is not a function

    (function($) {     // Gets to here     $(document).ready(function()     {         // Does not fire this!!         $.widget("ui.dropDownList",          {This is the basic problem, it seems the document ready fails to execute at some point, maybe I've overlooked something or some error that has ceased execution. All i know is that 1.3.1 works and 1.4.1 does not execute this.  Things to note: It does execute up until a certain point (that i have no idea where it stops firing the ready function) Once
  • jQuery Flot + getJson

    Hello everyone, I'm a newbeginner and need some help on a tutorial i'm working on... I'm trying to draw a simple graph using jQuery Flot + ASP.Net mvc so here is the method i added in HomeController: public ActionResult Example()         {             string s = "[[[2003,10882],[2002,10383],[2001,10020], [2000, 9213]]," +                 "[[2003, 599],[2002, 510],[2001, 479],[2000, 457]]]";             return Json(s, JsonRequestBehavior.AllowGet);         } and here is the javascript code i wrote
  • Dialog and webkit page scroll problem

    Hello, I have problem using jQuery UI dialog in webkit browsers. When I open dialog as a modal window, in webkit browsers functionality of the scroll bar is crashed. Clicking on the arrows (up, down) and scroll bar has no effect - the page doesn`t scroll. You may try this problem on the http://jqueryui.com/demos/dialog/#modal-form in webkit browser and small window size. How to fix this?
  • Dialog animation on Firefox 3.6 [SOLVED]

    Opening a Dialog with the options "show: 'scale'" and "hide: 'scale'" is not working on Firefox 3.6. I'm using Fedora 12 64 bits, and Firefox 3.6 64 bits. Google Chrome 64 bits is working well. Thanks.
  • Duplicate user names on this forum

    My account on this forum has been automatically created when jQuery community moved here from Google groups, and I just noticed that my user name is shared by at least one more person. Could this be remedied?
  • Superfish menu near an edge of a page

    When the menu is too close for a submenu to be displayed fully, Superfish needs to change direction of submenus or adjust their position so that they can be displayed completely without forcing horizontal scrolling.
  • Next Page

  • Announcements

  • The Basics of jQuery AJAX

    A step-by-step tutorial for those new to jQuery and wanting to use AJAX in their projects. Includes valuable information about troubleshooting using the console and understanding the request / response. http://jayblanchard.net/basics_of_jquery_ajax.html
  • jQuery Conference 2010: Boston Announcement

      The jQuery Project is very excited to announce the jQuery Conference 2010: Boston on October 16-17, 2010.  The conference will be held at the Hilton Boston Logan in Boston, Massachusetts.  The best part of this announcement is that Tickets are on sale now!  This venue is the largest that the project has worked with to date (Harvard Law School in ‘07, the MIT Stata Center in ‘08 and Microsoft New England Research Center in ‘09) and we expect to sell out very quickly. A brief synopsis of some of