Jaki jest najlepszy sposób na stworzenie popover dla każdego wyrazu w akapicie dotyczącym dblclick? (HTML / CSS / Bootstrap4 / jQuery)

głosy
0

Staram się stworzyć coś podobnego do Kindle Worda Wise i MacOS słownikiem funkcji dla klasy. Moim celem jest umożliwienie użytkownikowi podwójne kliknięcie na słowie i zobaczyć jego definicję. Jestem bardzo nowe do programowania przedniej tak miewam sporo kłopotów. Starałem się badać i próbować różnych metod, aby osiągnąć pożądany efekt końcowy mojej, ale nie wydaje się uzyskać go do pracy.

Więc w zasadzie, co razem, gdy użytkownik kliknie dwukrotnie na słowa, popover powinien pojawić się z jego definicji. Chciałem znaleźć sposób, aby utworzyć popovers na zdarzenia click, zamiast ciężko kodowania w atrybucie popover za każde słowo.

Jest to kod mam tak daleko.

function getSelectedText(){
    var selectedText = '';
        if (window.getSelection)
               selectedText = window.getSelection();
return selectedText;
}


$(document).ready(function()
{
  $(function () {
   $('[data-toggle=tooltip]').tooltip()
})

$(function () {
  $('[data-toggle=popover]').popover()
})

$('#selectable').on(dblclick, function () {
$('.selection').text(getSelectedText());
$('.is-selected').text(getSelectedText() != );
    });

$('#selectable').on('click',function (e) {
 var text= getSelectedText();
 $( '#selectable:contains(text)' ).replaceWith('<span data-toggle=popover data-placement=bottom data-content=testing popover>' + text +'</span>')
});
});
Utwórz 13/02/2020 o 22:05
źródło użytkownik
W innych językach...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more