click event of parent triggered

Question

Problem is solved, i made another stupid mistake in my code... sorry, thanks

example:

<div id="window1Header" class="windowHeader">
   Window 1 <a id="min1" class="minimize">[-]</a> <a id="max1" class="maximize">[+]</a>
</div>
<script>
    $(function() {

    $(".windowHeader").mousedown(function () { 
        $(this).parent().css({"border" : "#000 1px dashed"});
        $(this).parent().draggable({ containment: 'parent' });
    });
$(".windowHeader").mouseup(function () { 
        $(this).parent().css({"border" : "#ccc 1px solid"});
        setTimeout(function() {
            $(this).parent().draggable('destroy');
            }, 100);
    });

   $('#min1').click(function(e) {
     e.stopPropagation();
        $("#window1Body").hide().slideUp(500);
});
$('#max1').click(function(e) {
    e.stopPropagation();
        $("#window1Body").hide().slideDown(500);
});

    });
</script>

The outerdiv (window1Header) has a mousedown and up event and the 2 links (min1 and max1) have click-events. But clicking the links wil trigger the event binded to window1Header. How can i trigger the right events? I'm using the jquery library btw.

Any help is appreciated!

Can you also provide the jQuery code you use to wire up the events? — smack0007, Sep 27 '09 at 09:56

score 2 · Answer 1 · answered Sep 27 '09 at 09:57

2

Generally, use stopPropagation to prevent the event from bubbling to parent elements. E.g.:

$('.minimize').click(function(e) {
    e.stopPropagation();
    ...
});

answered Sep 27 '09 at 09:57

karim79

339,989
67
413
406

mmm, it seems it never triggers the event so your solution does not solve it. I'll add some more code to my question to explain. – Overbeeke Sep 27 '09 at 10:04
Problem solved, it was a stupid mistake in my code that i made, thanks anyway – Overbeeke Sep 27 '09 at 11:29

score 0 · Answer 2 · answered Sep 27 '09 at 10:59

0

You need to at least have an href="#" on your a tags otherwise the click event will never fire. Also, return false in the click events.

 $('#max1').click(function(e) {
    $("#window1Body").hide().slideDown(500);
    return false;
 });

answered Sep 27 '09 at 10:59

smack0007

11,016
7
41
48

Thats not right. I placed the links outside the div and the events where triggered just fine. The problem is with the links being inside the div. The only thing fired when clicking the links is the event of the div, so its not bubbling up it fires the parent event right away. – Overbeeke Sep 27 '09 at 11:10

click event of parent triggered

2 Answers2