I'm fairly certain that's incorrect syntax (putting a div inside a
span - especially one that's self-closing). The browser will
automatically force the div outside the span.
--John
On Wed, Oct 29, 2008 at 11:38 AM, Jay <[EMAIL PROTECTED]> wrote:
>
> Has someone else already posted this bug?
> The following code shows jquery failing to detect the termination of a
> tag.
>
> Load the page and click on the word login. The selector should find
> the empty
> div and display the html content (nothing). Instead shows the span
> closing tag
> and the javascript that follows.
>
> <html>
> <head>
> <title>jQuery bug test Page</title>
> <script src="script/jquery-1.2.6.min.js" type="text/javascript"></
> script>
> </head>
> <body style="background-color:black">
> <span id="Login" style="position:absolute; top:20px; left:5%; width:
> 90%; z-index:12;">
> <span id="LoginToggle" style="float:right; color=green;">Login</span>
> <div class="popupContent" style="float:right;" />
> </span>
> <script type="text/javascript">
> <!--
> $( function()
> {
> $("#LoginToggle").click( function(){ alert( $
> ( '#Login>div.popupContent' ).html() ); });
> } );
> //-->
> </script>
> </body>
> </html>
>
> If you change the div closing it works correctly.
> Change this:
> <div class="popupContent" style="float:right;" />
> To this:
> <div class="popupContent" style="float:right;" ></div>
>
> Does the same in IE7 and FF3
