You could use a opacity of 0, it's not that ugly of a hack.
And you could use this simple logic instead of ifs and is()'s:
var cb = this; //checkbox
.click(function(){
cb.disabled = !cb.checked && !cb.disabled;
cb.checked = !cb.disabled && !cb.checked;
return false;
});
cheers,
ricardo
On Aug 4, 3:16 pm, ak732 <ask...@gmail.com> wrote:
> So, although it's an ugly hack, I'm working around the issue by
> setting the background of the overlay element to #fefefe and giving
> the element an opacity of 0.01. Which works.
>
> On Aug 4, 2:12 pm, ak732 <ask...@gmail.com> wrote:
>
> > Thanks elubin. Actually, I had already tried that. I set z-indexes
> > for the parent, the checkbox and the anchor overlaying the checkbox
> > (actually, you can see some remaining, commented out code from when I
> > tried it). Anyway, z-index tweaks didn't appear to fix the problem.
>
> > I just now tried setting a background color (to #eee). That caused
> > the overlay element (the anchor) to intercept the mouse clicks which
> > is good. However it hides the underlying checkbox which is bad. I
> > tried making setting the background to transparent but that lets the
> > mouse clicks "leak through".
>
> > I really hate IE.
>
> > On Aug 4, 2:07 pm, elubin <elu...@yahoo.com> wrote:
>
> > > try raising the z-order of the anchor
