Запустите JavaScript на Btn, но не контейнер

Question

Запустите JavaScript на Btn, но не контейнер

0

У меня есть это: http://jsfiddle.net/G3VjC/

что просто:

$(document).ready(function() {

$(document).on('click','#btn',function(){
    console.log('ran btn');
});
$(document).on('click','#containerdiv',function(){
    console.log('ran div');
});

});

Но при нажатии кнопки запускается команда btn JS и контейнер JS (см. Консольный журнал).

Как я могу отделить их?

благодаря

user1380591 24 сен. 2013, в 12:35

Источник

Теги:

javascript

jquery

4 ответа

1

Попробуй это

$(document).ready(function() {
    $(document).on('click','#containerdiv',function(){
        console.log('ran div');

    });

    $(document).on('click','.meee',function(){
        console.log('ran btn');
        return false;
    });
});

демонстрация

Amit 24 сен. 2013, в 08:38

0

возврат false не всегда лучший вариант, см .: stackoverflow.com/questions/1357118/…
cernunnos 24 сен. 2013, в 10:19

0

$(document).on('click','#btn',function(e){
e.stoppropagation();
var target = $(e.target);
if(!target.attr('id') == 'btn'){
 e.preventDefault();
 $(target.find("#btn)).trigger("click")
}
//any additional logic if the target was of the intended type.
});

Ryan 24 сен. 2013, в 08:43

0

Или попробуйте следующее:

$(document).ready(function() {
    $('#containerdiv').click(function(){
        console.log('ran div');
    });

   $('.meee').click(function(e){
           e.stopPropagation();
           console.log('ran btn');
   });
});

Как сказал chumkiu, просто используйте stopPropagation()

adcelis 24 сен. 2013, в 08:15

Ещё вопросы

возврат false не всегда лучший вариант, см .: stackoverflow.com/questions/1357118/…

Luca Rainone · Accepted Answer · 2013-09-24T08-04-00.000Z

use stopPropagation()

$(document).on('click','.meee',function(e){ // add event as argument
    console.log('ran btn');
    e.stopPropagation()
});