[jQuery] Re: mcDropDown: any click event fire the drop down animation
Its including the UI Effects that breaks mcdropdown in combination
with code from jrails I posted earlier.
Christiain
On Nov 8, 12:39 pm, "Dan Switzer" <[EMAIL PROTECTED]> wrote:
> I'm not sure why this would be happening, unless something in the UI library
> is triggering the document.click for mcDropdown.
>
> -Dan
>
> On Fri, Nov 7, 2008 at 10:22 PM, CED <[EMAIL PROTECTED]> wrote:
>
> > Some more info:
>
> > including a full version of jquery-ui seems to be required to break
> > mcdropdown.
>
> > On Nov 7, 8:49 pm, CED <[EMAIL PROTECTED]> wrote:
> > > Dan,
>
> > > I've narrowed down the problem. I am using a library called jrails
> > > which includes the javascript below. If i remove it this problem does
> > > away ( just need to comment out he slideUp & Down definitions to make
> > > it work). Not sure if its the code below or something in mcDropDown
> > > thats causing the problem.
>
> > > (function($) { $.fn.extend({
> > > visualEffect : function(o) {
> > > e = o.replace(/\_(.)/g, function(m, l){return l.toUpperCase()});
> > > return eval('$(this).'+e+'()');
> > > },
> > > appear : function(speed, callback) {
> > > return this.fadeIn(speed, callback);
> > > },
> > > blindDown : function(speed, callback) {
> > > return this.show('blind', { direction: 'vertical' }, speed,
> > > callback);
> > > },
> > > blindUp : function(speed, callback) {
> > > return this.hide('blind', { direction: 'vertical' }, speed,
> > > callback);
> > > },
> > > blindRight : function(speed, callback) {
> > > return this.show('blind', { direction: 'horizontal' }, speed,
> > > callback);
> > > },
> > > blindLeft : function(speed, callback) {
> > > this.hide('blind', { direction: 'horizontal' }, speed,
> > > callback);
> > > return this;
> > > },
> > > dropOut : function(speed, callback) {
> > > return this.hide('drop', {direction: 'down' }, speed,
> > > callback);
> > > },
> > > dropIn : function(speed, callback) {
> > > return this.show('drop', { direction: 'up' }, speed, callback);
> > > },
> > > fade : function(speed, callback) {
> > > return this.fadeOut(speed, callback);
> > > },
> > > fadeToggle : function(speed, callback) {
> > > return this.animate({opacity: 'toggle'}, speed, callback);
> > > },
> > > fold : function(speed, callback) {
> > > return this.hide('fold', {}, speed, callback);
> > > },
> > > foldOut : function(speed, callback) {
> > > return this.show('fold', {}, speed, callback);
> > > },
> > > grow : function(speed, callback) {
> > > return this.show('scale', {}, speed, callback);
> > > },
> > > highlight : function(speed, callback) {
> > > return this.show('highlight', {}, speed, callback);
> > > },
> > > puff : function(speed, callback) {
> > > return this.hide('puff', {}, speed, callback);
> > > },
> > > pulsate : function(speed, callback) {
> > > return this.show('pulsate', {}, speed, callback);
> > > },
> > > shake : function(speed, callback) {
> > > return this.show('shake', {}, speed, callback);
> > > },
> > > shrink : function(speed, callback) {
> > > return this.hide('scale', {}, speed, callback);
> > > },
> > > squish : function(speed, callback) {
> > > return this.hide('scale', { origin: ['top', 'left'] }, speed,
> > > callback);
> > > },
> > > slideUp : function(speed, callback) {
> > > return this.hide('slide', { direction: 'up'}, speed, callback);
> > > },
> > > slideDown : function(speed, callback) {
> > > return this.show('slide', { direction: 'up'}, speed, callback);
> > > },
> > > switchOff : function(speed, callback) {
> > > return this.hide('clip', {}, speed, callback);
> > > },
> > > switchOn : function(speed, callback) {
> > > return this.show('clip', {}, speed, callback);
> > > }
> > > });
>
> > > })(jQuery);
>
> > > On Oct 22, 1:58 pm, "Dan Switzer" <[EMAIL PROTECTED]> wrote:
>
> > > > > The example page works as it should, I am using the the latest
> > > > > listed: * Rev: 1.2.07
>
> > > > > I had the same behavior on 2 different pages. Unfortunately there is
> > > > > not live example. Everything else works fine with the widget.
>
> > > > > The root menu actually animates on the top left of the page at first
> > > > > when any click happens. After the mcdropdown is first clicked it
> > > > > animates the selct box with an open and close.
>
> > > > I've never seen this behavior and without some more detail or you
> > posting a
> > > > live working example somewhere that I can observe the behavior, it's
> > hard
> > > > for me to give you much help. There's only one global click handler,
> > which
> > > > is designed to close the menu if it's in an open state and you haven't
> > > > clicked on the menu. You might try looking at adding some debugging
[jQuery] Re: mcDropDown: any click event fire the drop down animation
I'm not sure why this would be happening, unless something in the UI library
is triggering the document.click for mcDropdown.
-Dan
On Fri, Nov 7, 2008 at 10:22 PM, CED <[EMAIL PROTECTED]> wrote:
>
> Some more info:
>
> including a full version of jquery-ui seems to be required to break
> mcdropdown.
>
> On Nov 7, 8:49 pm, CED <[EMAIL PROTECTED]> wrote:
> > Dan,
> >
> > I've narrowed down the problem. I am using a library called jrails
> > which includes the javascript below. If i remove it this problem does
> > away ( just need to comment out he slideUp & Down definitions to make
> > it work). Not sure if its the code below or something in mcDropDown
> > thats causing the problem.
> >
> > (function($) { $.fn.extend({
> > visualEffect : function(o) {
> > e = o.replace(/\_(.)/g, function(m, l){return l.toUpperCase()});
> > return eval('$(this).'+e+'()');
> > },
> > appear : function(speed, callback) {
> > return this.fadeIn(speed, callback);
> > },
> > blindDown : function(speed, callback) {
> > return this.show('blind', { direction: 'vertical' }, speed,
> > callback);
> > },
> > blindUp : function(speed, callback) {
> > return this.hide('blind', { direction: 'vertical' }, speed,
> > callback);
> > },
> > blindRight : function(speed, callback) {
> > return this.show('blind', { direction: 'horizontal' }, speed,
> > callback);
> > },
> > blindLeft : function(speed, callback) {
> > this.hide('blind', { direction: 'horizontal' }, speed,
> > callback);
> > return this;
> > },
> > dropOut : function(speed, callback) {
> > return this.hide('drop', {direction: 'down' }, speed,
> > callback);
> > },
> > dropIn : function(speed, callback) {
> > return this.show('drop', { direction: 'up' }, speed, callback);
> > },
> > fade : function(speed, callback) {
> > return this.fadeOut(speed, callback);
> > },
> > fadeToggle : function(speed, callback) {
> > return this.animate({opacity: 'toggle'}, speed, callback);
> > },
> > fold : function(speed, callback) {
> > return this.hide('fold', {}, speed, callback);
> > },
> > foldOut : function(speed, callback) {
> > return this.show('fold', {}, speed, callback);
> > },
> > grow : function(speed, callback) {
> > return this.show('scale', {}, speed, callback);
> > },
> > highlight : function(speed, callback) {
> > return this.show('highlight', {}, speed, callback);
> > },
> > puff : function(speed, callback) {
> > return this.hide('puff', {}, speed, callback);
> > },
> > pulsate : function(speed, callback) {
> > return this.show('pulsate', {}, speed, callback);
> > },
> > shake : function(speed, callback) {
> > return this.show('shake', {}, speed, callback);
> > },
> > shrink : function(speed, callback) {
> > return this.hide('scale', {}, speed, callback);
> > },
> > squish : function(speed, callback) {
> > return this.hide('scale', { origin: ['top', 'left'] }, speed,
> > callback);
> > },
> > slideUp : function(speed, callback) {
> > return this.hide('slide', { direction: 'up'}, speed, callback);
> > },
> > slideDown : function(speed, callback) {
> > return this.show('slide', { direction: 'up'}, speed, callback);
> > },
> > switchOff : function(speed, callback) {
> > return this.hide('clip', {}, speed, callback);
> > },
> > switchOn : function(speed, callback) {
> > return this.show('clip', {}, speed, callback);
> > }
> > });
> >
> > })(jQuery);
> >
> > On Oct 22, 1:58 pm, "Dan Switzer" <[EMAIL PROTECTED]> wrote:
> >
> > > > The example page works as it should, I am using the the latest
> > > > listed: * Rev: 1.2.07
> >
> > > > I had the same behavior on 2 different pages. Unfortunately there is
> > > > not live example. Everything else works fine with the widget.
> >
> > > > The root menu actually animates on the top left of the page at first
> > > > when any click happens. After the mcdropdown is first clicked it
> > > > animates the selct box with an open and close.
> >
> > > I've never seen this behavior and without some more detail or you
> posting a
> > > live working example somewhere that I can observe the behavior, it's
> hard
> > > for me to give you much help. There's only one global click handler,
> which
> > > is designed to close the menu if it's in an open state and you haven't
> > > clicked on the menu. You might try looking at adding some debugging to
> that
> > > code (starts on line 94) to see if you can help determine what the
> cause is.
> >
> > > -Dan
>
[jQuery] Re: mcDropDown: any click event fire the drop down animation
Some more info:
including a full version of jquery-ui seems to be required to break
mcdropdown.
On Nov 7, 8:49 pm, CED <[EMAIL PROTECTED]> wrote:
> Dan,
>
> I've narrowed down the problem. I am using a library called jrails
> which includes the javascript below. If i remove it this problem does
> away ( just need to comment out he slideUp & Down definitions to make
> it work). Not sure if its the code below or something in mcDropDown
> thats causing the problem.
>
> (function($) { $.fn.extend({
> visualEffect : function(o) {
> e = o.replace(/\_(.)/g, function(m, l){return l.toUpperCase()});
> return eval('$(this).'+e+'()');
> },
> appear : function(speed, callback) {
> return this.fadeIn(speed, callback);
> },
> blindDown : function(speed, callback) {
> return this.show('blind', { direction: 'vertical' }, speed,
> callback);
> },
> blindUp : function(speed, callback) {
> return this.hide('blind', { direction: 'vertical' }, speed,
> callback);
> },
> blindRight : function(speed, callback) {
> return this.show('blind', { direction: 'horizontal' }, speed,
> callback);
> },
> blindLeft : function(speed, callback) {
> this.hide('blind', { direction: 'horizontal' }, speed,
> callback);
> return this;
> },
> dropOut : function(speed, callback) {
> return this.hide('drop', {direction: 'down' }, speed,
> callback);
> },
> dropIn : function(speed, callback) {
> return this.show('drop', { direction: 'up' }, speed, callback);
> },
> fade : function(speed, callback) {
> return this.fadeOut(speed, callback);
> },
> fadeToggle : function(speed, callback) {
> return this.animate({opacity: 'toggle'}, speed, callback);
> },
> fold : function(speed, callback) {
> return this.hide('fold', {}, speed, callback);
> },
> foldOut : function(speed, callback) {
> return this.show('fold', {}, speed, callback);
> },
> grow : function(speed, callback) {
> return this.show('scale', {}, speed, callback);
> },
> highlight : function(speed, callback) {
> return this.show('highlight', {}, speed, callback);
> },
> puff : function(speed, callback) {
> return this.hide('puff', {}, speed, callback);
> },
> pulsate : function(speed, callback) {
> return this.show('pulsate', {}, speed, callback);
> },
> shake : function(speed, callback) {
> return this.show('shake', {}, speed, callback);
> },
> shrink : function(speed, callback) {
> return this.hide('scale', {}, speed, callback);
> },
> squish : function(speed, callback) {
> return this.hide('scale', { origin: ['top', 'left'] }, speed,
> callback);
> },
> slideUp : function(speed, callback) {
> return this.hide('slide', { direction: 'up'}, speed, callback);
> },
> slideDown : function(speed, callback) {
> return this.show('slide', { direction: 'up'}, speed, callback);
> },
> switchOff : function(speed, callback) {
> return this.hide('clip', {}, speed, callback);
> },
> switchOn : function(speed, callback) {
> return this.show('clip', {}, speed, callback);
> }
> });
>
> })(jQuery);
>
> On Oct 22, 1:58 pm, "Dan Switzer" <[EMAIL PROTECTED]> wrote:
>
> > > The example page works as it should, I am using the the latest
> > > listed: * Rev: 1.2.07
>
> > > I had the same behavior on 2 different pages. Unfortunately there is
> > > not live example. Everything else works fine with the widget.
>
> > > The root menu actually animates on the top left of the page at first
> > > when any click happens. After the mcdropdown is first clicked it
> > > animates the selct box with an open and close.
>
> > I've never seen this behavior and without some more detail or you posting a
> > live working example somewhere that I can observe the behavior, it's hard
> > for me to give you much help. There's only one global click handler, which
> > is designed to close the menu if it's in an open state and you haven't
> > clicked on the menu. You might try looking at adding some debugging to that
> > code (starts on line 94) to see if you can help determine what the cause is.
>
> > -Dan
[jQuery] Re: mcDropDown: any click event fire the drop down animation
Dan,
I've narrowed down the problem. I am using a library called jrails
which includes the javascript below. If i remove it this problem does
away ( just need to comment out he slideUp & Down definitions to make
it work). Not sure if its the code below or something in mcDropDown
thats causing the problem.
(function($) { $.fn.extend({
visualEffect : function(o) {
e = o.replace(/\_(.)/g, function(m, l){return l.toUpperCase()});
return eval('$(this).'+e+'()');
},
appear : function(speed, callback) {
return this.fadeIn(speed, callback);
},
blindDown : function(speed, callback) {
return this.show('blind', { direction: 'vertical' }, speed,
callback);
},
blindUp : function(speed, callback) {
return this.hide('blind', { direction: 'vertical' }, speed,
callback);
},
blindRight : function(speed, callback) {
return this.show('blind', { direction: 'horizontal' }, speed,
callback);
},
blindLeft : function(speed, callback) {
this.hide('blind', { direction: 'horizontal' }, speed,
callback);
return this;
},
dropOut : function(speed, callback) {
return this.hide('drop', {direction: 'down' }, speed,
callback);
},
dropIn : function(speed, callback) {
return this.show('drop', { direction: 'up' }, speed, callback);
},
fade : function(speed, callback) {
return this.fadeOut(speed, callback);
},
fadeToggle : function(speed, callback) {
return this.animate({opacity: 'toggle'}, speed, callback);
},
fold : function(speed, callback) {
return this.hide('fold', {}, speed, callback);
},
foldOut : function(speed, callback) {
return this.show('fold', {}, speed, callback);
},
grow : function(speed, callback) {
return this.show('scale', {}, speed, callback);
},
highlight : function(speed, callback) {
return this.show('highlight', {}, speed, callback);
},
puff : function(speed, callback) {
return this.hide('puff', {}, speed, callback);
},
pulsate : function(speed, callback) {
return this.show('pulsate', {}, speed, callback);
},
shake : function(speed, callback) {
return this.show('shake', {}, speed, callback);
},
shrink : function(speed, callback) {
return this.hide('scale', {}, speed, callback);
},
squish : function(speed, callback) {
return this.hide('scale', { origin: ['top', 'left'] }, speed,
callback);
},
slideUp : function(speed, callback) {
return this.hide('slide', { direction: 'up'}, speed, callback);
},
slideDown : function(speed, callback) {
return this.show('slide', { direction: 'up'}, speed, callback);
},
switchOff : function(speed, callback) {
return this.hide('clip', {}, speed, callback);
},
switchOn : function(speed, callback) {
return this.show('clip', {}, speed, callback);
}
});
})(jQuery);
On Oct 22, 1:58 pm, "Dan Switzer" <[EMAIL PROTECTED]> wrote:
> > The example page works as it should, I am using the the latest
> > listed: * Rev: 1.2.07
>
> > I had the same behavior on 2 different pages. Unfortunately there is
> > not live example. Everything else works fine with the widget.
>
> > The root menu actually animates on the top left of the page at first
> > when any click happens. After the mcdropdown is first clicked it
> > animates the selct box with an open and close.
>
> I've never seen this behavior and without some more detail or you posting a
> live working example somewhere that I can observe the behavior, it's hard
> for me to give you much help. There's only one global click handler, which
> is designed to close the menu if it's in an open state and you haven't
> clicked on the menu. You might try looking at adding some debugging to that
> code (starts on line 94) to see if you can help determine what the cause is.
>
> -Dan
[jQuery] Re: mcDropDown: any click event fire the drop down animation
> > The example page works as it should, I am using the the latest > listed: * Rev: 1.2.07 > > I had the same behavior on 2 different pages. Unfortunately there is > not live example. Everything else works fine with the widget. > > The root menu actually animates on the top left of the page at first > when any click happens. After the mcdropdown is first clicked it > animates the selct box with an open and close. > I've never seen this behavior and without some more detail or you posting a live working example somewhere that I can observe the behavior, it's hard for me to give you much help. There's only one global click handler, which is designed to close the menu if it's in an open state and you haven't clicked on the menu. You might try looking at adding some debugging to that code (starts on line 94) to see if you can help determine what the cause is. -Dan
[jQuery] Re: mcDropDown: any click event fire the drop down animation
Dan, The example page works as it should, I am using the the latest listed: * Rev: 1.2.07 I had the same behavior on 2 different pages. Unfortunately there is not live example. Everything else works fine with the widget. The root menu actually animates on the top left of the page at first when any click happens. After the mcdropdown is first clicked it animates the selct box with an open and close. Christian On Oct 21, 4:06 pm, "Dan G. Switzer, II" <[EMAIL PROTECTED]> wrote: > >Like the topic says, any click, right or left, fires the animation for > >the mcDropdown. It disappears right after. Has anyone encountered this > >bug? Any fixes/workarounds? > > Are you seeing the problem on the example page? > > http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm > > What version are you using? > > Is there a live example of the problem you're having? > > -Dan
[jQuery] Re: mcDropDown: any click event fire the drop down animation
>Like the topic says, any click, right or left, fires the animation for >the mcDropdown. It disappears right after. Has anyone encountered this >bug? Any fixes/workarounds? Are you seeing the problem on the example page? http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm What version are you using? Is there a live example of the problem you're having? -Dan
