Search jQuery

jQuery Forum

Using jQuery

jQuery_be..

Click conditions?

in Using jQuery • 11 years ago

I have a bit of a unusual situation and wanted to ask for advice on this:

Here is my html body:

<div height="500" width="500" id="outer">
<div height="100" width="100" id="inner">
</div>
</div>

and here is my jquery on document ready:

$(#outer).live('click', function(){
//so something
});
$(#inner).live('click', function(){
//so something
});

now the problem is that whenever i click on the div with id="inner" BOTH click functions are run.

I need it NOT to run the "outer" function when i click the "inner"

is there a way to do that?

Thanks in advance for any help and feedback.

Replies(4)

jay.blanc..

You could try to make inner's z-index higher than outer's, but I am not totally sure that will work. I came up with a solution for something similar in this fiddle some time back; http://jsfiddle.net/jayblanchard/skBzB/

jQuery_be..

Re: Click conditions?

11 years ago

Good Idea but it does not work for clicks.

I added alert statements and unless one element is hidden it always calls both functions( it calls them in the order from outside to inside.( the outer div gets called first), thats why it works for the color change).

this is tricky