John,
Thanks for confirming my issue - I thought I was crazy because it seems to
only happen in specific cases; I have another multiple selector statement
where the *exact same* nth-child selector *is *working in Chrome. Not sure
if you have any thoughts on this peculiar behavior.
This code isn't working for the second selector:
$('td:nth-child(2), td:nth-child(3)').click(function(){
$(this).children('a').click(); // automatically clicks the link within this
cell
});
But then further down this is working fine for both selectors:
$('td:nth-child(2), td:nth-child(3)').hover(showTooltipProductCompany,
hideTooltip).mousemove(positionTooltipProductCompany);
Again you can see the hover working over the first two columns (I have a
hidden first column) at
http://www,awesomedancemoves.com/jquery_form_test/<http://localhost/jquery_form_test/>
.
Yet clicking doesn't work as well on the second column, as you can't click
outside the link like the first code snippet above should enable you to do.
I then suspected maybe it had to do with the anonymous function in the
broken code. However changing the working code to use anonymous functions,
it still works...
Thanks
Ambert
On Wed, Jul 22, 2009 at 6:40 AM, John Resig <jere...@gmail.com> wrote:
> I did some digging and I can confirm your issue. It's happening in both
> Safari 4 and Chrome 2 (they both use WebKit). Here's a reduced case:
> http://ejohn.org/files/bugs/qsa-nth/
>
> It seems to only happen in the case of :nth-child (I haven't been able to
> duplicate it with other selectors, yet). I'm not 100% sure what we can do,
> yet since this is an underlying issue with their querySelectorAll
> implementation. Thanks for bringing it to my attention, though.
>
> --John
>
>
>
> On Tue, Jul 21, 2009 at 11:16 PM, Ambert Ho <amber...@gmail.com> wrote:
>
>>
>>
>> I'm unable to access the bugtracker so apologies if this is a known
>> issue. Chrome does not appear to be accepting multiple selectors.
>>
>> Current code is: $("td:nth-child(2), td:nth-child(3)").click(function()
>> {}, and Chrome is not recognizing the second selector.
>>
>> Works in Chrome if I change this to:
>> $("td:nth-child(2)").click(function(){}
>> $("td:nth-child(3)").click(function(){}
>>
>>
>> If you use firefox to access
>> http://www.awesomedancemoves.com/jquery_form_test/
>> , you can click anything under the first two columns of "product name"
>> and "company name" and action will be taken. However in Chrome, action
>> is not taken with a click in the second column due to the selector not
>> being recognized.
>>
>> Using Jquery 1.3.2 and Chrome 2.0.172.37
>>
>> Thanks!
>> Ambert
>>
>>
>>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to jquery-dev@googlegroups.com
To unsubscribe from this group, send email to
jquery-dev+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
