How to add parameters to this javascript/jquery function?

Question

This script allows you to click an element all you want, but when you click anything but that element, it fades something out. In my code below I can click all I want inside of $('.wrapper') and nothing happens, but when I click anything outside of that element, I have $('.popup') fadeOut.

(function hideElementOnOffClick(elementWrapper, elementToHide) {

    $(document).bind('click', function(evnt) {
        var $target = $(evnt.target);

       if ($target.is(elementWrapper) || elementWrapper.has(evnt.target).length) {
            return;
        }

        elementToHide.fadeOut();
    });
})();

then I call the function with the two element classes in it:

hideElementOnOffClick($('.wrapper'), $('.popup'))

It works find if I use $('.wrapper') instead of elementWrapper and $('.popup') instead of elementToHide, but when I make it into something I can call on in different places with different classes, it doesn't.

How do I fix the parameters so that this works?

xdazz · Accepted Answer · 2012-09-13 02:48:27Z

3

You could use .stopPropagation() to stop event propagation, this make your code more clear.

function hideElementOnOffClick(elementWrapper, elementToHide) {
    elementWrapper.click(function(e) {
        e.stopPropagation();
    });
    $(document).click(function(e) {
        elementToHide.fadeOut();
    });    
}

answered Sep 13, 2012 at 2:48

xdazz

161k38 gold badges255 silver badges278 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add parameters to this javascript/jquery function?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related