creating a DOM element
Hey, I'm not quite sure if it's a bug. Anyways I'm experiencing the following behavior: var _new_li = $('<li/>', { 'id': 'p', click: function(){ alert('fired'); }, data: { 'somedata': 'somedata', } }),If I use that order, event (click) before data, I receive an exception on click. "e is undefined" or "events is undefined". If I switch the order, data before click, works just fine. see http://jsbin.com/isixo3/edit Kind Regards --Andy
It seems weird by using containment & helper property on resizable
Dear all, I used resizable on my rectangle object, and set the containment & helper attribute to implement my behavior. When I enlarge my rectangle, I hope it will limited on the block I set in containment. The helper line will help me to preview the size of rectangle be magnified, and it did restrict my cursor to exceed the border I set. But while I mouse up the resizable rectangle, it will exceed the block I set. And I do the same action on rectangle that already on the border, it will exceed more
fix for ticket 5358
Hello all, I found the fix for ticket 5358 (http://dev.jqueryui.com/ticket/5358), "position demo is borked" It's just that the "<div class="demo"> is not closed in the demo/default.html. And this messes up when you include this file in the demo pages. Hope this helps.
(minor) Autocomplete interface issues on IE7 and IE8
I have IE8 installed on Win7. In "IE8 Standards mode", while hovering over the list items up and down, the size of the menu changes slightly. It seems like a pixel is added to each list item below the current "active" element. No screenshot of this case, just go to the demo page in IE8: http://jqueryui.com/demos/autocomplete/#remote-jsonp When using IE8 in "IE7 Standards mode" the above issue isn't present, but another one is. In this case, the border around the current active element is only present
.data() inconsistent return value
The .data() function returns inconsistent values: If you try to load a not-existing-value of an object, which does not have ANY values stored, it will return null. But if this object has ANY value stored in it, and you load the not-existing-value, it returns "undefined". Example: <div id="div1">test</div> <script type="text/javascript"> console.log($("#div1").data("test")); // -> result: null $("#div1").data("abcdefg", 1); console.log($("#div1").data("test")); // -> result: 'undefined'
Datepicker (1.8rc3) not transferring date in IE6
Using jquery-1.4.2 and jquery-UI 1.8rc3, I instantiated a datepicker on a text input with showOn: 'focus'. The datepicker appears correctly. However when I click on a date, the datepicker doesn't disappear and the dateStr doesn't get transferred to the text input. I tried adding an onClose: handler that calls alert(dateStr), and it does not appear that this event ever fires in IE6. Everything works fine in Firefox. I have Microsoft Script Debugger installed but no script errors were detected.
jQuery UI Dialog and JAWs
I am using modal dialogs in my site, and when they are open JAWs is reading the entire sites labels as each form fields label. Every time I tab into a new field, it reads all the labels as the label for that form field. I thought it might have been my site, but JAWs 11 is also doing it on the jqueryui demos (http://jqueryui.com/demos/dialog/modal-form.html) Anyone else ever run into this problem? Have any ideas on a solution? We're late in the process to move away from jquery dialogs, but might
jQuery 1.4.2 - appendTo function doesn't work with array of elements.
Consider the following code sample: <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(){ var a=$('<div id="a" />'), b=$('<div id="b" />'), c=$('<div id="c" />'); $([a[0], b[0], c[0]]).appendTo('body'); }); </script> </head> <body> <p>test</p> </body> </html> After running this example on 1.4.2 only first element gets appended to body, but if I run same code on 1.3.2 all elements are
JQuery 1.4.2 and middle clicks problem
Hello, In previous versions I was able to do this: $('a').live('click',function (e) { alert(e.button) return false }) With that code I was able to do something on middle clicks and also to disable the default behaviour. Now, with version 1.4.2 I can't do that any more. Using the 'mouseup' event I can get middle clicks but I can't disable the default behaviour. I have tried e.preventDefault() or binding both events: .live('click mouseup',etc) but nothing works. Now, some people use
appending element and binding a mouseover event to same element
Hello I came across an unexpected behavior: I have the following markup <a href="#">hello</a>and I run this javascript $('a') .bind('mouseout', function(){ $(this).find("span[class*=pencil]").remove(); $(this).unbind('mouseout'); }) .append('<span class="pencil">pencil</span>') .find('.pencil').click(function(){ console.log('pencil clicked'); }) the strange thing it that mouse over event execute even before the mouse hover the span.pencil element.
superfish IE6 transparency and zindex problem
Was wondering if someone could help me out here, I just started using superfish and have it working in FF, IE8, Chrome.... but IE7 and IE6 both suffer from this problem. It appears as if the drop downs show up as a lower zindex and are hidden below other elements, and they are transparent. See attachments for example. The slightly different style being drawn in IE6/7 is less of a problem to me than getting the basic functionality of the menus working. Any help pointing me in the right direction would
image .load(function(){...
Hello, I have a bit of a problem with this standard code, only first image in the all_images array loads and the rest stays hidden. it works first time i load the page, but any other time it loads only one image. i understand it might have to do with the cache. what could be possible cause for breaking the .each() loop after first iteration? i'm using jquery 1.3.2, png fix and php var all_images=$(".wrapper_main").find("img"); all_images.hide(); all_images.each(function(){ $(this).load(function(){
IE 8 fadeIn trouble with anchors
Hi all, I am trying some code like this. (of course this is simplified code, but it is the same as what I am doing) <div> <!-- css sets display:none --> <a> <img> </a> <div> if I do this $("div").fadeIn(1500) nothing appears in IE 8. I know its not a syntax problem with my code b/c the same code is working in IE6, 7 and FF 3.6 If I change to code to display none on the img and I fade that in like $("div a img").fadeIn(1500) it will fade in. I also have code like this
PHP warnings
Greetings, This is not exactly about the forum, but the bug on the JQery UI demo web page. There's no 'contact us' form so I decided to post it here. Warning: fopen(/srv/jqueryui.com/htdocs/libraries/cache/fe011ae42d01b377b68c3da0c936db30) [function.fopen]: failed to open stream: No such file or directory in /srv/jqueryui.com/htdocs/libraries/fetch_documentation_page.php on line 29 Warning: fwrite(): supplied argument is not a valid stream resource in /srv/jqueryui.com/htdocs/libraries/fetch_documentation_page.php
1.8rc2 cssPosition in sortable
I had a problem with sortable, in that, when there was a scrollbar and I had scrolled down the page the box that I was trying to drag around would popup to the top of the page, sometime the css property top of the moving box was a minus number. I finally managed to get it fixed, I moved line 145 above 144 in this file http://code.google.com/p/jquery-ui/source/browse/tags/1.8rc2/ui/jquery.ui.sortable.js Before the change I was getting this.offset.parent.top as a very hight number(about the same pageY
Problem downloading custom theme from ThemeRoller
When I click the download theme button after creating a custom theme, it hangs before saying the connection was reset. Is anyone else having this problem?
Sortable behaviour not correct
I have a problem in my code which also is reproducible in the demo code of the sortable, "connect lists" link. I do the following: 1) Drag item 5 of the right column (yellow colored item) vertically down for approx. 1 inch (not so far as to touch the border of the demo) 2) Move it to the left, so that it is aligned with the left column 3) Release Expected behaviour: Item joins the left column. Observed behaviour: Item joins the right column. Any workaround ?
Bind and unbind a submit event : JS error on unload
Hi, I have one global JS file that bind to the submit event of every form a function disabling each submit button. Sometimes, i don't want the submit button to be disabled because a click from the user results in the download of a dynamically generated file, which means that the page doesn't change at all and the user just needs to be able to submit the form one more time. That's why i added in a other JS file loaded after the first one, a piece of code to unbind the event. It goes like this : /*
JQUERY FORUM title cries to become a link to All Forums!
Am I wrong? I've clicked on it probably dozen of times. Even after I knew that it's not a link. It cries for it, doesn't it?
Accordian UI has unpleasent header jump in IE and Safari browsers
I have been trying for days to find a solution to accordian UI headers jumping a few pixels upon animated collapse and expand in IE. Even on this webpage's demo this happens in IE6, IE8, and Safari but is fine in FF (those are the browsers I tested). I have to support IE6 in particular for a project I am working on. Has anyone found a solution to this? I used the theme roller and downloaded the code but the accordian UI jumping is really annoying. I am fairly new to jQuery but since it happens
superfish issues ff ie7
Hi i am loving this superfish menu and have styled it how i want and everything is fine in ie8... but when i go to ff or and other ie version it goes whacky. The menu is open and shows all child items under its parent. but is normal in ie8! is there something i am doing wrong?? here is the link to have a look 202.61.163.169/nscweb (sorry but it takes a loooooong time to load it isnt live yet hoping that will be fixed when it goes live) Miranda
jQuery UI: jquery-ui-1.7.2.custom.css, theme: Darkness original got error on Firefox 3.5.7
Hi people, I downloaded the JQuery UI 1.7.2 theme: Darkness original and when using it on Firefox 3.5.7 I got the following error messages: jquery-ui-1.7.2.custom.css: Error in parsing value for 'filter'. Declaration dropped. LINE 18: .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } LINE 74: Error in parsing value for 'filter'. Declaration dropped. .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity:
Tablesorter - bug when first row has colspan
jquery - jquery-1.4.2.min.js tablesorter - 2.0.3 How to reproduce. Using the following table, clicking on the "works" header works fine, clicking on the "causes error" header causes an "parsers[i] is undefined" error <table id="myTable"> <thead> <tr> <th>works</th> <th>causes error</th> </tr> </thead> <tbody> <tr> <td colspan="2">a</td> </tr> <tr> <td>aaa</td> <td>bbb</td> </tr> </tbody> </table> As shown below, when the colspan row is not the first row in the table, things seem
Dialog Destroy Method
Each time i close my dialog i use the destroy method: $(this).dialog("destroy")The problem is that every time i close the dialog and try to initiate it again i get this error, but on the second click it gets open b("<div></div>").addClass("ui-widget-overlay") is undefined
$.getJSON() isn't automatically appending "&callback=?" to my cross-domain URL
The $.getJSON() documentation states: If the specified URL is on a remote server, the request is treated as JSONP instead. See the discussion of the jsonp data type in $.ajax() for more details. The $.ajax() documentation for the jsonp data type states (emphasis mine): Loads in a JSON block using JSONP. Will add an extra "?callback=?" to the end of your URL to specify the callback. So it seems that if I call $.getJSON() with a cross-domain URL, the extra "callback=?" parameter should automatically
Flash of Markup on load in datepicker when invoked on element within dialog
Tested in latest browsers on Vista / XP (IE, Firefox, Chrome, Safari, Opera) ONLY Firefox has a "flash of markup on load" when the following datepicker setup is invoked where 'tbDOB' is a input text element within a jQuery ui dialog: $('#tbDOB').datepicker({ changeMonth: true, changeYear: true, yearRange: '1901:2010' });
Drag & Drop + AJAX not working
Hi, I am working on developing my own board application. Its a "simple" board game application in which I want the player to be able to drag and drop pieces but they should only be able to drop in certain places. The information where the pieces can move is stored on a remote server. When a piece is "picked up" a message is sent to the server containing information on which piece and the server responds back with the locations. When the client receives the locations, it then generates the droppable
liveFired with change and submit
In IE, if you are delegating on click and submit on the same element, the 2nd event will never be fired b/c liveFired is set. Somehow liveFired needs to be reset for different types of events. I can/will submit test cases when I have time. But this is a pretty serious problem with IE / event delegation. If I get a fix before the community, I will make a pull request. Also, for performance, the liveFired check should probably go before the jQuery.data call.
setOffset in Chrome with hidden objects
I want to setOffset on items before they are shown. However, as offset() always returns {top:0,left:0} on items with display: none, this doesn't work. I suggest not using the curTop and curLeft values if the offset is 0,0 and the item !is(:visible)
document.createElement('Comment')
Hey guys, I am having the following problem with jQuery 1.4.2; if I download it from my work network I got line 3476 (uncompressed ver, but it is the some with the min. one) changed from: div.appendChild( document.createComment("") ); to div.appendChild( document.createElement('Comment').data="" ); Any idea on why this appens?
ui 1.8rc3 "ui-helper-hidden" Vs button()
Hi there, To report the non consideration of dom element state regarding the css framework "ui-helper-hidden" class : <html> <a class="button ui-helper-hidden" href="#">Sample hidden button</a> <body> <script type="text/javascript"> $(function() { // makes my initially hidden element appear $('a.button').button(); }); </script> </body> </html>Should it be reported
Button is missing .ui-state-disabled
Button is missing .ui-state-disabled class when i disable it, and so, if a button is disabled, the apparence is like the "on hover" ones. You can simply fix this by add or remove the class "ui-state-disabled" when catching "disabled" attribute being set. Thanks!
JQuery selector does not see elements created on-the-fly
I have an element generator using jquery, However, elements generated were not affected by the event (click) even though they match tag and class name. Anyone can give me an idea why? Code: <html> <head> <script type="text/javascript" src="jquery.js"</script> <script type="text/javascript"> $(document).ready(function(){ var catId = 0, table = "", content = "", columnCount = 0; // Add key objective
dialog resize problem in ui versions 1.8.rc2-3 on ie 6,7 and ff 3.6
Try resize dialog by left or top sides http://jqueryui.com/demos/dialog/#modal-form аffter reduce dialog dialog content moved with 2x speed ie 8 has some problem
'Window' is undefined
While attemptinging to run jquery-1.4.2.min.js install I am getting the following error Line: 16 Char: 1 Error: 'window' is undefined code: 800A1391 Source: Microsoft JScript runtime error Any suggestions? Thanks!
What a joke!
Yes forum activity is a joke and broken. jQuery gotta be the most popular javascript framework out there, and yet this forum is all crickets. Posted 2 questions now, been running for almost a week - not one reply!
clone dialog width
I am passing link attributes to set dialogs height and width. This works fine for height but width does not want to accept any variables, just actual value. I've tried everything I can think of, even using vsize in width which works fine for height. None of the options worked. Is this a bug? $dialog .load($link.attr('name') + ' #content') .dialog({ title: $link.attr('title'), width: $link.attr('hsize'),
Autocomplete Empty Value
When clicking the Tab key, autocomplete select the first menu item if it is exist. The thing is that sometimes i would like to leave the field empty. i tried to solve it with "blur" event, but the problem is that the selection occur after blur. I think you should add a "blank" option for the widget.
CSS framework bug fixes
I came across what I think are a couple issues in the CSS framework. In the Button section: .ui-button-text-icon .ui-icon-primary, .ui-button-text-icons .ui-icon-primary, .ui-button-icons-only .ui-icon-primary { left: .5em; }.ui-icon-primary doesn't exist and should be changed to .ui-button-icon-primary (corresponding to .ui-button-icon-secondary). the icon will then be correctly spaced from the left edge. This next one isn't so much a bug, but if you are trying to have consistent button sizes
jQuery Expander plugin loses expand effect if beforeExpand callback function is defined
Hi, I was using the jQuery Expander plugin...love the effect but when I mapped a callback function to beforeExpand, the function and the default expandEffect only work the first time the expand link is clicked: $(document).ready(function() { $("#story p:gt(0)").expander({ slicePoint: 512, widow: 4, expandText: 'more', expandPrefix: '… ', expandSpeed: '2000', userCollapseText: 'less', userCollapsePrefix: ' …', beforeExpand: function() { $("#copyright").fadeOut(200); }, onCollapse: function($thisElement,
Next Page