Как добавить ссылку внутри div?

Question

У меня проблема с бурлящим событием.

У меня есть HTML как

<div id='title-bar1'> 
    title bar 
    <div class='editDiv'> 
     <a class='edit' href='#'>Edit</a> 
    </div> 
</div> 


$('#edit').on('click', function(e){ 
    e.stopPropagation(); 
     //do B 
}) 


$('#title-bar1').on('click', function(e){ 
    e.preventDefault(); 
    //do A  
}) 

title-bar1 является ДИВ, что обернуть edit ссылку. Моя проблема в том, что я не могу показаться do B, когда я нажимаю ссылку edit. Это всегда do A. Я добавляю stopPropagation и все еще не работает. Может кто-нибудь мне помочь? Большое спасибо!

Answer 1

Возможно, я ошибаюсь, и я уверен, что кто-то другой исправит меня, однако, на основе вашего кода, который вы «редактируете» как класс.

При ссылке на класс было бы $ ('редактировать.) OnClick

В CSS, чтобы изменить элемент, который имеет идентификатор = редактировать, можно было бы сделать #edit {цвет: красный;}.

Где класс будет .edit {color: red; }

Таким образом, функция, где вы останавливаете прогагацию, никогда не загорается.

Answer 2

<div id='title-bar1'> 
    title bar 
    <div class='editDiv'> 
     <a class='edit' href='#'>Edit</a> 
    </div> 
</div> 


$('.edit').on('click', function(e){ 
    e.stopPropagation(); 
     //do B 
}) 


$('#title-bar1').on('click', function(e){ 
    e.preventDefault(); 
    //do A  
}) 

Answer 3

Изменение:

$('#edit').on('click', function(e){ 
e.stopPropagation(); 
    //do B 

})

Кому:

$('.edit').on('click', function(e){ 
e.stopPropagation(); 
    //do B 

})

Класс =. // перед селектором

ID = # // перед селектором

это помогает!

Answer 4

<div id='title-bar1'> 
    title bar 
    <div class='editDiv'> 
     <a class='edit' href='#'>Edit</a> 
    </div> 
</div> 


$('.edit').on('click', function(e){ 
// ^edit is a class not an id 
    e.stopPropagation(); 
     //do B 
}) 


$('#title-bar1').on('click', function(e){ 
    e.preventDefault(); 
    //do A  
})