как настроить событие click () на иконке внутри popover - PullRequest
Новая
       4

как настроить событие click () на иконке внутри popover

0 голосов
/ 24 января 2020

У меня есть значок в поповере bootstrap, на котором я хотел бы щелкнуть, а затем получить доступ к тексту в поповере (пример: заголовок или контент - предположительно доступный классу), но, похоже, он не работает. 

//HTML
<a class="popover-markup" data-toggle="popover" data-placement="bottom" href="#" style="text-align:center;" data-title="title <i class='material-icons ear' >hearing</i>" data-content="content"> 毎日 </a>

//script
$(function () {
   $('[data-toggle="popover"]').popover({html: true})
})

$(document).ready(function() {  
   $(".ear").click( function() {
     console.log("ear clicked");
     var text = $(this).text(); 
   });
});

Я попробовал onclick='tts(this)' в элементе, который получился при стрельбе, но затем не смог получить доступ к "этому", но это все равно не было похоже на go.

Спасибо

ОБНОВЛЕНИЕ Следуя советам относительно делегирования события, я пробовал это, но все еще не работает? 

$( "a" ).on( "click", ".ear", function( event ) {
    console.log( $( this ).text() );
});

1 Ответ

0 голосов
/ 25 января 2020

Чтобы завершить этот вопрос, это код, который работал для меня. Спасибо 

$( "body" ).on( "click", ".ear", function( event ) {
    console.log($( this ).prev().text())
});
...