connectToSortable not working until an element in the sortable is moved
I have two lists. One has a bunch of draggable li's. The other is sortable and contains a single li. If I pick up the single sortable li and move it, then allow it to revert back to its spot in the list, then I can drag draggables to the list. Otherwise they are always reverted back to their position.
IE7, HTML5 & Excess Tags with .after()
I'm uncertain if this is actually a bug, or if I'm just too new to jQuery to know the correct way to handle this. I'm working on my first HTML5 project, and as you're likely aware, several HTML5 elements aren't supported out of the box by IE7. A JavaScript must be used to declare them. The one I'm using looks like this (just an array of elements that's looped through and created): <!--[if lte IE 8]> <script> // For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/
Problems when using autocomplete
Hello, I'm using jQuery Autocomplete plugin 1.1 for city search form. When I type in city name f.e. "Chicago", if I type slowly enough, multiple requests are being started and the problem is that sometimes plugin gets response to last request earlier than to previous requests and then it uses values from previous requests. For example it gets response from last request which is request with search string "Chicago", then it gets response from some earlier request with search string "Chi" and uses
Not remembering log-in between sessions
Is it just me or is the "remember me" feature upon login broken?
position() keeps adding original "left" and "top" to current values in IE 8
Hi, I've written some code to position a dropdown using the "position" method that's new in 1.8, and I'm getting some weird behaviour. The code looks like this: jQuery("#bar").click(new function(event) { jQuery("#foo").position( { my : "left top", at : "left bottom", of : "#bar", }); jQuery("#foo").show(); event.stopPropagation(); });Another event handler (on document) hides the dropdown. In Firefox (3.6.2) this works every time I click #bar. #foo show up in the right place. However,
problem with $.proxy scope
I'm trying to create a very simple object that represents an element; in that object, I bind to the 'click' method of some links so the element can handle that action on its own, without the roundabout way of going through global objects, singletons, or more jQuery contexts. I use $.proxy() to maintain the context of "this" object from the element, but it errors out with "not a function". Perhaps I'm making a simple mistake with scoping; I'm not sure. Can anyone help? Here's the (simplified) code:
Problem with jQuery & IE & overflow:auto
Hi, I have included jquery in the HTML header of my page: <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> So far I only included this but did not use jQuery in any way. My page also uses the "overflow: auto;" CSS-property for the body element to hide the scroll bar on the right side. With Firefox this works fine but with IE I often get a layout problem. When I see the layout problem, the background color extends to the border on the right hand side but the other elements are
Themeroller Broken - 29-March-2010
It seems the themeroller application is not generating the css directory nor the jquery-ui-1.8.custom.css for custom rolled themes. Here is the theme I rolled which is not working. http://jqueryui.com/themeroller/#ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=0a317a&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=75&borderColorHeader=666666&fcHeader=f0f0f0&iconColorHeader=f0f0f0&bgColorContent=e3e3e3&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=333333&iconColorContent=333333&bgColorDefault=d5d6d8&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=aaaaaa&fcDefault=555555&iconColorDefault=555555&bgColorHover=bcc9dc&bgTextureHover=02_glass.png&bgImgOpacityHover=80&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=cfd3b1&bgTextureActive=02_glass.png&bgImgOpacityActive=75&borderColorActive=aaaaaa&fcActive=444444&iconColorActive=444444&bgColorHighlight=e0df85&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=aaaaaa&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=e9abaa&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
jQuery UI Autocomplete: Problems on IE 6 and IE 7
Hello, I'm using jQuery 1.4.1 with jQuery UI 1.8 to create an autocomplete widget. The widget works great on Firefox, but fails on IE 6 and IE 7 with the following unhelpful message: Error: 'length' is null or not an object Code:0 The autocomplete widget appears to send the term to my server. The failure occurs sometime after the server has sent the response that contains the search JSON result. The list of results never appears, and the error badge appears in the lower-left corner of the IE browser
jquery 1.7.2 dialog with textarea in opera 10.51
Hi, everyone! I've encountered a problem with using jquery ui dialog and textarea in opera 10.51. After that the dialog was shown and some text was put to textarea I'm trying to get it through JS but value of textarea seemed to be empty =(. Example Please help me to solve this problem.
IE7 Error: doesn't seem to like insertBefore, jQuery 1.4
I'm pretty new to jQuery so please excuse me if this is answered elsewhere and I didnt find it. My code snippet is here: http://pastie.org/782043 I'm basically rewriting the attr properties and wrapping an image in a table to dynamically add a caption from the alt text. IE7 Error: Line 102, Char 276, Error: unexpected call to method or property access, Code: 0 I looked in the minified version of 1.4 and line 102 is insertBefore. I am using it in relation to a table. Is this a know issue? is there
connectToSortable not passing helper, but originating element
I am trying to use connectToSortable on draggable that has helper defined by function. The sortable keeps recieving the originating function instead of the helper. $(this).draggable({ connectToSortable: '#swe-paper', helper: function() { return $(this).clone().removeAttr("id").addClass( "swe-sign-in-move" ); }, … }); This works well the helper has the id removed and added the class. The sortable has the originating element, which I can't manage to change. Bug?
Autocomplete - remote data, race condition
I've started working with the jQuery UI 1.8 Autcomplete recently with remote data. I was pleased with the ease of initial implementation, but before long I ran into a classic race condition. As I type, the search query gets more specific, so it takes less time for the server respond. As a consequence, it is possible for the old response to arrive after the most recent one. Obviously, this is producing undesirable effects. I'm a little frustrated that the plugin doesn't have a way to manage this.
jQuery UI 1.8 dialog problem
I'm using the dialog to post an overlay advertisement on my site. I am not having any trouble in IE7 at all oddly enough however I am having trouble in both FireFox 3 and Safari. I've taken the components out of the web application and created a test page and nothing I've read and tried seems to work. Any help would be appreciated. I've attached the HTML test page that I'm using.
Datepicker IE bug
Hi, i have a problem with datepicker in IE8. I added a change event to the first datepicker and it has a default date. When i change the date for the second time the datepicker does not do anything and it seems like it opens the second datepicker because the options are the same as the second one. You can test this bug on www.reservainn.com (try changing first datepicker several times) Here is my code: $(function() { var min_date=0; var fecha_min = new Date(); var fecha_min_val
jquery.ui.Tooltip: positioning of tooltips fails
Hi, We're still cleaning out code and restructuring as our javascript was a bit widespread over several files, but we're having issues with the dev version of Tooltip we downloaded. It may be an issue with the jquery.ui.Positioning though, but perhaps you may try and have a look wheter it is a known issue, or if it is something I need to look into... You can test it on www.flexin.be (site is not active yet...) Bottom right, you will find a database icon which, when you hover, should display a tooltip
[validate] Possible bug for corner-case usage of "remote"
Hi there, We're experiencing a problem with jquery-validate. Correct behaviour is that, when a form is submitted, the input (type=submit) on which the user clicked on a form is also submitted with the rest of the form. But in a very special case this does NOT happen when using jquery-validate: If you have an input that uses remote validation, the form is submitted without the input (type=submit). And another twitch: this only happens when running via Selenium test - not when we do it by hand. So,
Are the jQuery Forums acting weird for anyone else?
For the past week the forums interface has been acting very oddly. When not logged in I can see all the forums and posts. But as soon as I log in I can't see anything. I've tried accessing the forums in IE8 Firefox 3.6.3 Chrome 4.1.249.1045 Safari 4.0.5. I've gotten this same behavior in all four browsers. I even went so far as to format my drive and reinstall my OS (WinXP Pro SP3) and I still have this issue. Occasionally I can actually get in to post a new thread (like for instance now).
Accordion: removeClass('selected')
I am using the Accordion menu to filter a data table. The menu contains two filters, with multiple options under each. You can only have ONE filter selected at a time. If you click between the two options under the first filter, the style class, 'selected' is added and removed without a problem. If you click an option under the second filter though, it DOESN'T remove the 'selected' class from the first filter. Any help would be appreciated. Thank you. <script src="http://code.jquery.com/jquery-1.4.2.js"
jquery version 1.4.2 issue
the tablesorter as well as the jquery.blockUI.js and the function block and unblock() is not working when i include the jquery version 1.4.2, what can be done if some of the functionalities of older version of jquery not work with new version that is 1.4.2 So provide solution for the above problem.
1.8 Tabs Spinner option isn't removed when content is loaded via Ajax
According to the docs for the spinner feature all that is required is a string with the content and a <span> element inside the <a> that contains the tab title. When testing this on jsbin the spinner text simply remains appended to the tab title, see example here: http://jsbin.com/evulo3/4/
IE 7 remove draggable item memory leak
I have a page with an unordered list <ul> with two list items <li> I have set up each list item to be draggable using $('#id').draggable({ OPTIONS }); I removed the items from the unordered list using $('#ulID').empty(); The items are removed from the screen, but when I run the page in sIEve it shows the list items as being orphaned and each having 1 reference left to it. Also, any item that I have called jQuery on shows as a leak (ie if I create an accordion). Running the page in IEJSLeaksDetector
Problem with slideUp()/slideDown() in a function
I have a form with some yes/no radio boxes if a box is checked I want it to display another field and I've built a function to do this. It will slideDown() on yes but it will not slideUp() on no. however it will hide() on no. function extraData(base){ var extra_item= $("#"+base+"_extra").hide(); var radio_no = $("#"+base+"_no"); var radio_yes = $("#"+base+"_yes"); radio_yes.change(function() { extra_item.slideDown("medium"); }); radio_no.change(function() {
Sortable with an iframe breaks in Firefox but not other browsers
The attached zip file is a working drag and drop demo that uses sortable and connected lists to allow boxes to be dragged around on the page. My <ul> lists contain <li> items. Within the <li> items are <div> items. In one case, within the <div> is an <iframe> that holds a picture. There is odd behavior, for Firefox only, when you drag a different box/div across the box/div that contains the <iframe>. I'm using a handle for clicking and dragging a box. The problem is this: while dragging within
Adding click() to <object> in IEs
This doesn't seem to work in IEs (6,7,8). Seems to be no problem in FF, Safari, Chrome. Is there a workaround or is that not supposed to work? What I am trying to do is to track clicks on flash content. See example code in the following. Any help is much appreciated! <script type="text/javascript"> $(function() { $(".skyscraperlink").each(function(i) {}).click(function() { var id = $(this).attr("id"); var banner = $(this).attr("rel"); $.ajax({ type: "POST", url: "/modernisierung/wLayout/structure/scripts/ajax_click_logger.php",
Modal dialog loses radio button value upon launch in IE6
Hello, I'm using jQuery 1.3.2 and jQuery UI 1.7.2 in IE6 and I'm currently experiencing a problem with modal dialogs. In a nutshell, I'm trying to launch a (confirmation) modal dialog when a radio button value in my main dialog is changed. The dialog itself launches fine; however, in the process, the changed radio button value in the main dialog is lost (i.e., it goes from checked prior to launching the confirm dialog to unchecked immediately after the dialog('open') call is made). If I change
image tag from code behind
Hi All, I am using cycle plugin to show images. I am binding the html code for image from code behind. Problem: Images are not getting displayed. If i hard coded the image tag it is working.
Performance degradation with "toggle()"
I was using jQuery v1.2 to show/hide 1000+ items (simple paragraphs) using the 'toggle' method (simple hide/show, no animation). When pointing to a newer version of jQuery (such as 1.3 or 1.4) I start to notice the method taking much longer to execute. In Firefox 3.6.3, jQuery v1.2 would take about half a second to execute. When using v1.3 or 1.4 it takes around 4 seconds. In IE7, jQuery v1.2 would, again, take about half a second. When using v1.3 it takes about 1 second to hide, and about 5 seconds
jQuery loses event handlers when appending to multiple elements
I filed this as a bug (http://dev.jquery.com/ticket/5566) a few months ago but the forum seems like a better place to discuss this stuff now. Basically, the demo code is like this: $(function() { $('li').append($("<button/>") .text("click me") .click(function() { alert("Good job!"); }) ); });And you'd expect to get a button in each LI with a click handler. However, instead, none of the added buttons get click handlers! This was broken in 1.3.2 and is still broken in 1.4.2. Here's a live demo: http://benhollis.net/experiments/browserdemos/jquery-1.3.2-append-handlers.html
Change event does not fire in IE - jquery 1.4.2
If you have a text input with a change event bound to it, the event wont fire initially if that input is given focus by a .focus() call. works in browsers other than IE code to test: <!DOCTYPE html> <html> <head> <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type='text/javascript'> $(function() { $('#btn').click(function() { $("#tb1").focus(); }); $("#tb1").change(function() { alert($(this).val()); });
Custom UI download doesn't include css folder
I'm not necessarily saying there's a problem with the UI download - it could be a case of a stupid user (me). The Getting Started page for jQuery UI says that your custom zip download should have 3 directories in it: css, development-bundle, and js. When I tried to download a custom package, I do not get the css directory. Here are the steps I take: Go to the UI download page. Hit the "Deselect all components" link Scroll down to the widgets section, and select "Tabs" Hit the "Download" button.
jCarousel not working on IE7
This is kind of weird, I thought jCarousel supported IE7, but I don't know what I am doing wrong, Its working on Firefox, and Chrome, and IE8, but note IE7. Here you have the url to see it so far. testsite http://www.casanelson.com.uy/info
onslide value always 1 more than onstop/onchange value
I've even seen this logging output from the jquery slider demo, as implemented on the jQuery UI site. I'm sliding along, slide method firing dutifully, reporting the slider's current value to the log. 23, 22, 21,20. I lift up my mouse when I've reached 20, as that's my desired value. Uh oh! Stop and Change fire, and they both weigh in with a value of 19 (when descending, or 21 when ascending), resulting in an odd user experience. I could completely be doing something wrong, but as this is showing
close option for dynamically added AJAX tab is not working
I am adding ajax tabs using add method (with close span). But $('.ui-icon-close').live('click', function() {}) doesn't seems to get triggered. <link type="text/css" href="js/jquery/jquery-ui-1.8.custom/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery/jquery-ui-1.8.custom/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery/jquery-ui-1.8.custom/js/jquery-ui-1.8.custom.min.js"></script> <style type="text/css">
dialog speed issue 1.7.2 -> 1.8.0
I recently tried to omptimize the javascript on one of my web pages. When I benchmarked all my dialogs they took 300ms. So i descided to change my jqueryUI version from 1.7.2 to 1.8.0 in order to see if it would lover the delay. However the time it took to load the dialogs became 700ms instead. Do anyone know of any reason which would make the load time more than twice as big? I tried searching for people with similar problems but couldn't find any.
UI resizable set option
Hi all, After I initializes an image with the resizable({...}) I want to click on a form checkbox to enable ratio. So in the onclick of the check I do .resizeable("option", "aspectRatio", true); but the option isn't updating the resizable. The workaround for me was to re-init the resizable, but thats not the best practice I think... Could some tell me more out using the option setter? Another plugin of jQuery to crop images uses a same way of updating the settings, but that one need an .update()
Callback not called after image load in some cases.
Many people experienced these problems. In some cases (e.g. if the image is cached) the load event isn't called. See these threads: http://www.witheringtree.com/index.php/2009/05/image-load-event-binding-with-ie-using-jquery/ http://stackoverflow.com/questions/1700864/making-images-fade-in-on-image-load-using-jquery http://forum.jquery.com/topic/ajaxcomplete-after-load-problem-with-cache http://www.sitepoint.com/forums/showthread.php?t=667209 Could someone figure out how to fix this?
.animate does not play well with css display: box; (and inline-block as well)
The .animate code doesn't play well with css' new box display type. When animating a width or height jQuery sets the display to block breaking the content in the box, despite the fact that box model content works perfectly fine with animation. Line 5738 of jQuery-1.4.2.js has a statement: this.elem.style.display = "block"; .animate can be made to play well with box display with a condition like this to test the display type. this.elem.style.display = /^(-(moz|webkit)-)?box$/.test(this.elem.style.display)
Typo in api.xml
Hi, by accident I found a typo in the current api.xml @ line 10705 (in red here): <blckquote>Unlike in the rest of the tree traversal methods, the selector expression is required in a call to <code>.find()</code>. If we need to retrieve all of the descendant elements, we can pass in the universal selector <code>'*'</code> to accomplish this.</blckquote>
Autocomplete Positioning
Hi all, Since I upgraded from ui 1.8 rc3 to 1.8 I have noticed a little inconsistency in the way the autocomplete is placed on the page. It sometimes causes the <ul> which contains the list of suggested items to be one pixel too high and to the left. The weird thing is that it only occurs every second time the autocomplete is shown. The first time I show the autocomplete it is correctly positioned, the second time it is one pixel to the left, the third time it is correctly positioned again, etc...
Next Page