Try this:
var containerSelecteds = function() {
return $('ul.selected', container);
};
I've had pretty good luck using that syntax instead of using .find()
or .children(). It might solve the problem on safari (as I think the
reason I stopped using find() or children() was that the above was
much more reliable on my mac for doing dev work.)
On Feb 3, 10:39 am, Javier Martinez <ecentin...@gmail.com> wrote:
> I'm creating a component for an application I'm developing and I have
> upgraded jquery to the last version to get it's speed boost.
> After some testing I have seen that my component is not working correctly in
> webkit browsers because there is some bug with the new Sizzle selector of
> the new jquery.
> I can't provide my source files, but I have created a simple test case that
> shows this error.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
> <script type="text/javascript" src="jquery.js"></script>
> <script type="text/javascript">
> $(function() {
> var container = $('#container');
>
> var containerSelecteds = function() {
> return container.find('ul.selected');
> };
>
> var bodySelecteds = function() {
> return $('ul.selected');
> };
>
> var select = function(nodes) {
> containerSelecteds().removeClass('selected');
>
> nodes.addClass('selected');
>
> // the container html show me that the element has the class
> "selected"
> alert(container.html());
>
> // webkit (chrome and safari) says that there are no
> elements inside of <container> with the class "selected"
> alert(containerSelecteds().length);
>
> // but the element exists in the dom, and it has the
> classname "selected" !!
> alert(bodySelecteds().length);
> };
>
> var element = $('<ul
> class="someclass"><li>MyText</li></ul>').appendTo(container);
> select(element, false);
> });
> </script>
> </head>
> <body>
> <div id="container" style="border:1px solid
> #ccc;height:300px;width:300px"></div>
> </body>
> </html>
>
> I will try to explain the error: I'm inserting a node inside the "container"
> div, and applying a classname "selected" to this node. After this, I want to
> select the nodes inside "container" that have this classname. Firefox, IE,
> etc, says that there is one node inside "container". But webkit browsers
> says that there is a node with this classname in the dom, but not inside
> "container".
>
> I think that this is a quite simple css selector, so I don't know why it
> fails.
>
> Thanks.
>
> PD: it doesn't fails with jquery 1.2.6
