Thanks for the quick response! We usually do get pretty specific with
our selectors but perhaps I misunderstand how they work.
In my actual page this fails $(".classname :button.otherclassname")
while these two work: $(".classname .otherclassname") and $
(".classname input:button.otherclassname"). There is no vml within any
elements on the page that match the first classname in the selector.
I will add this test case and my details to the existing bug report.
-Scott
On Mar 18, 10:50 am, John Resig <[email protected]> wrote:
> Well, VML is a mess in IE - it's probably something as simple as trying to
> access a property and that's causing it to explode. You should add your test
> case to the existing bug (at least then we can have some more information to
> go off of).
>
> In the meantime I'd try and be more specific in your selectors, for example
> doing: input:button.classname (that way the VML won't get matched).
>
> --John
>
> On Wed, Mar 18, 2009 at 10:47 AM, ScottC <[email protected]> wrote:
>
> > Hello - I'm working on a project where we use excanvas to draw charts
> > on our site in IE. We came across a bug where I had a selector of the
> > type ".classname :button.otherclassname". That was causing an error
> > to be thrown in IE7 from the preFilter.CLASS function in sizzle. I
> > removed the ":button" text from my selector and the error went away.
> > I have been trying to recreate this in a simple test case but I
> > haven't been able to recreate it exactly yet. I found this reported
> > issue:http://dev.jquery.com/ticket/4016that seemed to be similar and
> > used its example to create what I'll include below.
>
> > With this example it seems that when I select an element using its
> > class name after I draw the rounded corners the error occurs. If i
> > try to select an element using its ID it does not cause the error.
>
> > Can anybody provide me some insight as to why this is occuring? Is it
> > a bug in jQuery? Am I doing something incorrectly? Thanks.
>
> > This is the HTML that is causing the error in IE7. Clicking the "Click
> > me 2" link causes the error for me.
>
> > <!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"/>
> > <title>jQuery 1.3.2 VMl Test Stuff</title>
>
> > <style type="text/css" media="screen">
> > #roundme {
> > width: 100px;
> > height: 100px;
> > position: relative;
> > background: red;
> > }
> > </style>
> > </head>
> > <body>
> > <div id="roundme">
> > <span class="goo">Foo</span>
> > </div>
> > <div class="foo">
> > <a id="bar" href="#">Click me.</a>
> > <input type="button" id="barbutton"
> > class="barbutton" value="I'm a
> > button."/>
> > </div>
> > <div class="foo2">
> > <a id="bar2" href="#">Click me 2.</a>
> > <a href="#" id="barlink" class="barlink">I'm a
> > link.</a>
> > </div>
>
> > <script src="http://code.jquery.com/jquery-1.3.2.js";
> > type="text/
> > javascript"></script>
>
> > <script type="text/javascript" charset="utf-8">
> > $(window).load(function() {
>
> > if ($.browser.msie) {
> > if (!document.namespaces.v) {
> > document.namespaces.add("v",
> > "urn:schemas-microsoft-com:vml");
> > var ss =
> > document.createStyleSheet().owningElement;
> > ss.styleSheet.cssText =
> > "v\\:*{behavior:url(#default#VML);}";
> > }
> > var roundrect = $('<v:roundrect
> > arcsize="0.1" style="width:100px;
> > height:100px; position: absolute; top: 0; left: 0;"></v:roundrect>');
>
> > var roundme = $("#roundme");
>
> > roundme.append(roundrect);
> > }
>
> > $("#bar").click(function(e) {
>
> > alert($("#barbutton").attr("value"));
> > e.preventDefault();
> > });
> > $("#bar2").click(function(e) {
> > alert($(".barlink").text());
> > e.preventDefault();
> > });
>
> > });
> > </script>
> > </body>
> > </html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
