چرا Click کردن روی Element درونی، باعث فراخوانی Click روی Element بیرونی میشه؟

[mehdi.mousavi]

سلام این کد رو نگاه کنید : مشکل اینجاست که وقتی روی ناحیه آبی کلیک میشه هم رویداد کلیک برای main و هم برای li فراخونی میشه
چی کار کنم که این رویداد فقط برای ناحیه ای که روش کلیک شده یعنی li(آبی) فراخونی بشه ؟

سلام.
کافیه کدتون رو یه این شکل تغییر بدید:

$(document).ready(function () {

    $("#main").click(function () {

        alert("main");

    });



    $("#li").click(function (e) {

        alert("li");

        e.stopPropagation();

    });

});

به این ترتیب، جلوی bubble شدن event رو هنگام Click روی li می گیرید و دیگه main فراخوانی نمیشه.

موفق باشید.

Update: اینو بگم که می تونید در درون متود click بسادگی return false کنید، (به بیان دیگه، stopPropagation رو call نکنید). نتیجه یکی هستش، اما عملا این دو روش تفاوتهایی با هم دارن...