That seems to work - sort of...
$("#main").bind("mouseleave", function(event) {
alert(event.target.id);
});
But I'm still having problems...when I use event.target.id the results
are inconsistent surprisingly in Firefox and not IE.
Also, it is worth noting I needed to use the latest jQuery release
1.2.3.
On Mar 3, 5:25 pm, "Benjamin Sterling"
<[EMAIL PROTECTED]> wrote:
> skube, try *mouseleave* instead, that one take bubbling into account.
>
> On 3/3/08, skube <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
> > I am a little confused about event bubbling. Say for example I have
> > the following bit of HTML:
>
> > <code>
> > <div id="main">
> > <div id="one">
> > one
> > </div>
> > <div id="two">
> > two
> > </div>
> > </div>
> > </code>
>
> > when I try:
> > <code>
> > $("#main").mouseout(function() {
> > alert('test');
> > });
> > </code>
>
> > The alert gets fired even when mousing in/out of divs one/two, but
> > while still staying within the main div.
>
> > How do I fire the alert only if I mouseout of everything (including
> > main), not just out of one and into two?
>
> --
> Benjamin
> Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
