event.remove/handle() bug with namespaced events?
I suppose it is rear to use multiple namespaces to unbind an event and that it is the reason why no one spotted this bug (I spotted it by examining code, not by using the feature). This is the problem: $("div").bind("click.aaa.bbb", function(){...}); $("div").unbind("click.a.bbb"); //this is unbinding the previous bind!!! Now someone would suppose: "Well it seams fine, there is .bbb so it will unbind click.aaa.bbb too", but it is not true: $("div").unbind("click.bbb.other") // will not unbind click.aaa.bbb
Bug with :hidden selector and select in Internet Explorer
Hi, Like was reported on http://groups.google.com/group/jquery-dev/browse_thread/thread/23621bd1d3deb088/e7e3fafa29418fd5 but now on select. On IE8, when I do this: hidden1 = ($("select#profileCode").css("display") == "none"); hidden2 = ($("select#profileCode").is(':hidden')); If select#profileCode element is hidden, hidden1 will be true and hidden2 will be false (!). Btw, congratulations with your work :) Best regards, Filipe Costa
Using show() after clone() does not give an effect in IE8 and Chrome, Firefox is fine
Hi, I have a element, which has a css class with display: none (it's important, because when the display:none is specified inline, the issue is not reproduceble). I want to clone it, and then show the clone. When I show it with effects, everything is ok. But when it's called just show() IE and Chrome do not show the element, in Firefox everything is fine I've tested on: IE8.0.7600, Firefox 3.5.3 and Chrome 3.0.195.21 Here is an example to reproduce this behaviour: <!DOCTYPE HTML PUBLIC "-//W3C//DTD
jquery created iframes in IE7
Hi, The following is using jquery version 1.3.2. I am dynamically creating iframes using the $("<iframe/>") syntax. When I load the parent page in Firefox, the contained iframes appear correctly. But when I load the parent page in IE7, the content of each iframe is not rendered. Yet, if I create the iframe using the document object and append using jquery, IE displays the iframe content correctly. I have been unable to find any bug reports with respect to this issue. Is this a known bug or should
www.ccshoe.cn
www.ccshoe.cn
Extending objects with methods
There are discussion in year ago about this jQuery.extend: Make overridden functions available to "Subclass" http://groups.google.com/group/jquery-dev/browse_thread/thread/12a5f52dad9123d7/e69639289b6ab9a1?q=extendSuper#e69639289b6ab9a1 Core = { extendSuper: function(target, Super, $Class, options) { var __f; var __super = new Super (options); jQuery.extend(true, target, __super); jQuery.extend(true, target, $Class); jQuery.extend(true, target, options); for(var f in __super){ if(jQuery.isFunction
Toggle Expectations
Hello all, I've got a case with some unexpected behavior related to toggle; I think it might be the root of the issues behind bugs 4681, 4960, and 5010. Basically, I think that toggle behaves in a way which is logically correct (arguably), but not what people would expect. The main point is that I expect toggle to be like a button that works per element, as a switch between visible or not for this element (if I wrote it myself using js, it would just work in terms of style.display directly). For
Odd behaviour of width and height function when applied to <select> elements
Hi, I noticed something odd with the width and height functions when applied to <select> elements: - width() returns the width _minus_ the border - width(value) sets the width _including_ the border
General Sibling Combinator (~) bug
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hey there,<div> </div><div>I noticed there is a bug with the next general sibling selector "~". It's been there since at least jQuery 1.3.2, and is still present in Revision 6582 from two days ago. I remember seeing a bug reported about this a while ago, but I can't seem to find it anymore.</div><div> </div><div>It's tricky to pin down where it works and where it doesn't, but basically if
Making fadeIn and fadeOut more useful
fadeIn() and fadeOut() cool be much more useful if they'd work together instead of queueing up against each other. A usecase where this comes up is a tooltip widget, where a single element is reused to display the tooltip of various elements (absolutely necessary for a large number of tooltipped elements, eg. a large table). An example of that usecase, implementing an ugly workaround to get the queuing under control, is here: http://jquery-ui.googlecode.com/svn/branches/dev/tests/visual/tooltip/default.html
find on large selects
I've been using jQuery for a little bit now, and have noticed that whenever you are attempting to use jQuery on selects with a large amount of options, it adds a few seconds of lag to the operation. An example I ran into was when I had a select of about 4,000 options or so (one for every user of my site), and wanted to use jQuery to change from a select to a plain text field, using the following: $("#user").html( $("#mySelect").find("option:selected").text() ); The time from when the user initiates
Multidimensional Animation
Hey I just released a plugin that allows multidimensional animation for jQuery. This is useful for Bezier Curvers among other things. Article is here http://blog.parkerfox.co.uk/2009/09/22/bezier-curves-and-arcs-in-jquery/ Demo is here http://weepy.github.com/jquery.path/ Code is actually really simple, could also be useful for synced animations ? weepy
detecting jQuery objects && "constructor" property
Hi, I first posted this message on the jquery-en group, but it should probably be posted here, so here am I. In some cases, I have to check if a variable is a jQuery object or not. Usually, to check a variable type, I use the "constructor" property (when I can't use typeof, which is not accurate). In case of jQuery, the constructor property equals Object, so I can't use it. When I create a jQuery Object, it's known by javascript as an object, and it behaves like a function. Would it be possible to
Are jQuery nightlies intentionally pinned to r6529
The current nightly from http://code.jquery.com/jquery-nightly.js is old. Is it intentionally pinned to r6529/2008-08-10? /*! * jQuery JavaScript Library v1.3.3pre * http://jquery.com/ * * Copyright (c) 2009 John Resig * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License * * Date: 2009-08-10 17:22:31 -0400 (Mon, 10 Aug 2009) * Revision: 6529 */
Problem with selector module
Hi, everyone. I've recently discovered jQuery and started to use it but I had some problems with the selector module. Some selectors aren't recognised by my browser, for example: #id, ancestor descendant and parent > child. I've run the jQuery Test Suite on my browsers: Mozilla Firefox 3.0.14 and Internet Explorer 8.0.6. In both cases the same 17 tests have been failed. However the failed tests from the part "selector module: child and adjacent" were all connected to the prev + next. The test indicated
What about event delegation for change, submit, reset and select?
Hello everybody, I know that before releasing jQuery 1.4 it is expected that all events should be compatible with .live() I had a look at the patch related to submit, proposed by Justin Meyer: http://dev.jquery.com/ticket/5267 and I am afraid by the possibility that all of these events could require such a complex implementation. I would just like to draw your attention toward the choice made by Greg Reimer in Reglib: http://code.google.com/p/reglib/source/browse/trunk/reg.js#1115 He actually binds
Multiple toggle functions on one element
I recently deadline forced me to make a change to the jQuery core to fix an issue I was having. Now that I'm refactoring the code, I'd like to know if I've missed something obvious, or if there's a better way to do it. I couldn't find any reference to this issue on the forums or bug tracker. <div id="btnClose" class="icon">Close</div> $(".icon").toggle( function(){ $(this).removeClass('two2').addClass('two1') }, function(){ $(this).removeClass('two1').addClass('two2') } ); $("#btnClose").toggle(
Test Swarm . Next
Hi there, this is more a possible brainstorming rather than a jQuery dev problem. John, as you wrote in your post, JavaScript debug does not scale. <a href="http://testswarm.com/">http://testswarm.com/</a> is a great project but due to my latest problems testing bloody iPhone without a Mac and an iPhone, I wonder if Test Swarm is scalable enough for incoming web scenario where lots of mobile devices will have lots of different browsers. jQuery could be easily changed to work with most common mobile
This might be important
Not 100% certain, but it *seems* Microsoft Office Web Apps , do not support IE6. The lowest Ie version is 7. "...Office Web Apps support Internet Explorer (IE) 7 and IE8; Firefox 3.5 on Windows, Mac and Linux; and Safari 4.0 on the Mac..." --DBJ
Ajax post request times out on Safari
Hi We are making an ajax request to post some data to the server. As we do not want any response from the server we have a small timeout for these requests function ajaxFunc(ajaxURL, dataString, isPost, dataTypeVal) { try { $.ajax({ async: true, cache: false, type: (isPost) ? "POST" : "GET", url: ajaxURL, data: (dataTypeVal!=null && dataTypeVal.toLowerCase ()=="json")? JSON.stringify(dataString):dataString, datatype:(dataTypeVal==null)?"xml":dataTypeVal, timeout:10 }) ; } catch(e) { console.log(e);
About Selectors Right To Left
Hi, I was reading over the slides at the conf, and I wanted to ask about the right to left for selectors. How is it more efficient to get all divs and then find the ID as opposed to get the ID and then get it's divs? scenario: #id div Thanks
Beans => Rubygems for Javascript
Hi, I've been working an attempt to bring a packaging system to javascript, similar to Rubygems et al Source is here => http://github.com/weepy/bean-server It's very straight foward. You can include scripts from anywhere like so : <script src='http://bean-server/ =jquery,jquery.plugin,myvector,other_stuff'></script> This will work in a standalone HTML or in your Rails/Django project. The files (beans) themselves are stored in a repo (I'm using ~/Beans at the moment) and each file can depend on other
Proposition for live with mouseenter and mouseleave
Hello everybody, I hope you all had a safe trip home, mine was even longer than I thought: 36 hours! Anyway, back to work. I'm busy with a patch to add built-in support of mouseenter and mouseleave to the live function, I hope somebody else is not already doing the same thing. First I wondered what part of I had to modify to add this feature. It appears that this could be either done in "withinElement" (the special handler of the mouseenter and mouseleave properties) or in liveHandler. So far, withinElement
QUnit to check for globals
Hi, QUnit had a feature "noglobals" for some time now, to check for global variables that are introduced by code a runtime. This is very useful to find bugs like missing var-keywords. Though so far the feature had to be manually enabled by putting "?noglobals" in the URL to the testsuite. I've commited a change to always check for globals. In my tests that revealed a few bugs in jQuery core, jQuery UI as well as in my validation plugin - I fixed each before commiting the change. Now looking at the
Testing for jQuery Plugins?
Hello all, My understanding is that, when writing plugins for jQuery, there are a couple best practices to follow. That the plugin limit itself to a single namespace, and also that as much remain private, via closures, in the plugin as possible, so as to expose a clean API. This all makes perfect sense to me; keep things clean. I have written some tests that cover pretty much all of the exposed API for my plugin, and after a pretty big refactor, I have broken a couple things. Now, since the tests
When is the next version of jquery coming out?
I've read that the next version of jquery will have better "live" support for things like blur, focus, mouseenter, mouseleave, change, submit etc... With the apps I build, I almost always need change and submit live events, and end up reimplementing them myself. Is it true that the next version of jquery will support more live events? Anyone know when the next version might be coming out?
jquery plugin update manager
Hi All, Would like to purpose a standard way for identifying Plugin Version(s), Authors, Update URL(s), etc... wordpress offer this to users and would greatly benefit jQuery and Plugin development if some sort of standard was implemented. With Wordpress I can see what plugins offer updates from a control panel and can even see if they are compatible with the current version I'm running. <br clear="all"> -- Thanks, Phill Pafford Linkedin: <a href="http://www.linkedin.com/in/phillpafford">http://www.linkedin.com/in/phillpafford</a>
Event Delegation
WARNING: Skip to the end to avoid an in depth discussion of the problems, and the only questions I need guidance. ------------------------------------------------------------------------ I'm going to replace JMVC's delegation lib: http://code.google.com/p/javascriptmvc/source/browse/branches/2_0/jmvc/plugins/dom/delegate/delegate.js with live. I've mentioned this once before, but I'm energized after hearing almost everything I wanted previously is a priority. I was under the impression that the current
Javascript syntax oddity
I didn't expect this to work (with my 'compiler' hat on) but it does: var clickFunction = function() { $inner.doSomething() }; $("div") .append("<div id=inner>bla</div>") .click(clickFunction); var $inner = $div.find("#inner"); I was expecting an error for $inner to be undefined when the javascript parsed the first line, but the browser script engines seems quite happy with this sort of super-late declaration.
cross browser compatibility problem
Please have a look at the following URL http://people.mozilla.com/~mnandigama/dashboard.html This page has Three DIVs , one for left navigation bar, one for the vertical separation line and the right hand side DIV holds an iFrame. Clicking on the left hand side list elements open the corresponding link in the right hand side iFrame. List elements on the left hand side are generated using a jquery script http://people.mozilla.com/~mnandigama/reportfetch.js This works fine in Firefox3.5.x and Safari.
Jquery document .ready function throwing object expected
Hi, I'm getting Javascript error "object expected"on PageLoad at the following line: $(document).ready(function() I found that alert(typeof $); is returing undefined. Below is the code snippet: <script src="../../Scripts/jquery-1.3.2-vsdoc.js" type="text/ javascript" language ="javascript"></script> <script src="../../Scripts/jquery-1.3.2.js" type="text/javascript" language ="javascript"></script> <script src="../../Scripts/jquery.validate.min.js" type="text/ javascript" language ="javascript"></script>
onreadystatechange in IE 8 on a timeout
Running into a problem with the $.ajax() function in Internet Explorer 8 in standards mode. It appears that this code: var onreadystatechange = function(isTimeout){ // The request was aborted, clear the interval and decrement jQuery.active if (xhr.readyState == 0) { bonks on a timeout - the xhr instance is null. Line: 3555 Error: 'xhr.readyState' is null or not an object I only see this behavior in the IE. Works fine in compatibility mode and FF 3.x. Looks like there
window resize
Hi, I am trying to get the new width of a div after window resize. I am using: $(window).bind('resize', function() { $myDivWidth = $('.mydiv').width(); } but I am finding that the value is of the size BEFORE resize, rather than after. $(window).ready(function() doesn't fire on resize, so how can I get the width after resize? Thank you
Patching jQuery 1.3.2 to support Cross-Origin Resource Sharing
Hi all, I don't know what the state of this is in the current development of jQuery, but I just patched my local 1.3.2 version to be able to support the most basic scenario of "Cross-Origin Resource Sharing". I can now make cross-domain plain JSON requests on my machine using Firefox 3.5. (I only need it for testing right now so this is OK for me) http://dev.w3.org/2006/waf/access-control/ https://developer.mozilla.org/En/HTTP_access_control The concept distinguishes between "Simple Requests" and
Are there any plans to use -webkit-transition when avaliable?
Will jQuery ever use the hardware accelerated webkit transitions when available? I'm planning to write some handlers that allow animate to use the transitions syntax instead of doing it in javascript if transitions are supported - is this already a planned feature? It would be lovely if this was built in, as then any existing sites could magically run faster and more smoothly on webkit browsers including the iPhone...
Allow $().bind and $.unbind() to accept an object of event/handler pairs
First, this conversation started on the learningjquery.com blog (http://www.learningjquery.com/2009/06/shorthand-methods-for-unbind). Ideally, I'd like to see the bind and unbind methods accept an object of eventType/handler pairs, such that a single wrapped set could take a hash of bindings in a single call. Something along these lines: (function($) { // Keep a copy of the old methods $.fn._bind = $.fn.bind; $.fn._unbind = $.fn.unbind; // Redefine $().bind() $.fn.bind = function( type, data, fn
QUnit additions
Hi guys, I've added two functions to QUnit: doubt() and match(). You can read their descriptions and grab my code here: <http://github.com/rentzsch/qunit> It's probably not yet ready to pull into trunk yet because I've only tested it against IE6/Win, IE7/Win, IE8/Win, Safari 3.2/Win, Firefox 3/ Win, Safari 4/Mac, Chromium 3.0.1b/Mac and Firefox 3.5/Mac. The Function.introspection stuff is tricksy, so I wouldn't be surprised if there are issues on browsers I didn't test on. Is there a comprehensive
jquery color bug in my swoop clone script
error is fx.start is undefined this error comes in my color.js when i submit the bid on my swwopo clone and don,t show the backgroun color due to this error.
wrap only seems to work on dom elements!
I'm not sure whether this is just me but I was trying to use the wrap functions to enable users to easily change the markup for a plugin. I was trying this (simplified): var buttons='<li>one</li><li>two</li>'; var $$box = $(opts.parent.append('<div class="msgbox"><div class="title">' + opts.title + '</div></div>')); $$box.find('div.title') .after($(buttons).wrapAll('<div class="anything"><ul class="buttons"></ ul></div>')); The idea being that the user can add custom wrap markup around various bits
Ticket #4917
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
Next Page