Question

I have two parts of scripts.

---

Part 1 :
$("mySelector").click(function() {
     alert('you call me');
})

---

Part 2 :
$("mySelector").click(function() {
     if(myCondition) {
          //how can i prevent calling the first function from here ???
     }
})

The whole problem, is that i have no access to part1. So i need to unbind the event allready specified in part 1, if myCondition is true, but otherwise i need to call the first function.

Thanks

UPDATE:

Thank you. I didn’t know about stopImmediatePropagation(). But i feel, that there must be something like that 🙂

But actually in my case it doesn’t work 🙁

Please have a look at my site
http://www.tours.am/en/outgoing/tours/%D5%80%D5%B6%D5%A4%D5%AF%D5%A1%D5%BD%D5%BF%D5%A1%D5%B6/Park-Hyatt-Goa/

Under the hotel description tab i have cloud carousel, when i click on not active image (not the front image), as you can see i’m consoling that i stopImmediatePropagation() there, but the event however calls 🙁

Answer 1

No access:

$("#mySelector").click(function() {
     alert('you call me');
})

Access:

var myCondition = true, //try false too
    fFirstFunction = $("#mySelector").data("events").click[0].handler;
$("#mySelector").unbind("click");
$("#mySelector").click(function() {
    if(myCondition) {
        alert(myCondition);
    } else {
        $("#mySelector").click(fFirstFunction);
    }
});

Look at this example