I'm sorry, I don't understand your problem. If you cannot set a width on the div then you should probably look at the hoverIntent plugin, which will keep your hover events from firing when the cursor passes over quickly (that is, accidentally). The plugin allows for setting a delay after which the hover event will be activated.
http://cherne.net/brian/resources/jquery.hoverIntent.html http://plugins.jquery.com/project/hoverIntent On Thu, Dec 11, 2008 at 1:21 PM, Sridhar <dsridha...@gmail.com> wrote: > > Hi brian, > > I cannot set the width on the <div> tag unless the image is > separated from the <div> tag. In my case, the image will be smaller > compared to the width. The reason I included both of them in the same > <div> tag is so that when I can hover over the details <div>. If it is > outside the main <div> (#EmpDetails) tag, then as soon as the mouse > leaves the image, the content will be hidden. Is there any other way > to accomplish this? > > Thanks, > sridhar. > > On Dec 11, 12:00 pm, brian <bally.z...@gmail.com> wrote: >> It's not an infinite loop. Your cursor is passing over the div and >> back several times, causing the hover states to toggle. Try this: >> >> <div id="divEmpDetails" style="border:1px solid #000;"> >> >> Now, run your cursor in and out of the div several times. The toggling >> should run for a bit, then stop. >> >> The fix is to either set a width on the div so that it doesn't go the >> entire width of the page or check out the hoverIntent plugin. >> >> On Thu, Dec 11, 2008 at 11:00 AM, Sridhar <dsridha...@gmail.com> wrote: >> >> > that didn't work. >> >> > On Dec 11, 1:00 am, sad1sm0 <john.fan...@gmail.com> wrote: >> >> try unbinding before attaching the hover event >> >> >> $('#divEmpDetails').unbind().hover();//fill in the gaps >> >> >> Now that I look at your post I realize that's what fixed my gallery >> >> issue. Looks like a similar problem. Maybe it'll help you too
