Care este cel mai bun mod de a crea un popover pentru fiecare cuvânt singur într-un paragraf pe dblclick? (HTML / CSS / Bootstrap4 / JQuery)

voturi
0

Am încercat să creeze ceva similar cu Kindle Word Înțelept și MacOS Dictionarului caracteristică pentru o clasă. Scopul meu este de a permite utilizatorului dublu clic pe un cuvânt și a vedea definiția acestuia. Sunt foarte nou pentru programare front-end asa ca am fost cu o mulțime de probleme. Am încercat meu cel mai bun de cercetare și să încerce metode diferite pentru a atinge rezultatul meu final dorit, dar eu nu pot par să-l la locul de muncă.

Deci, practic, de fiecare dată când un utilizator face dublu clic pe un cuvânt, un popover ar trebui să apară cu definiția sa. Am vrut să găsească o modalitate de a crea popovers pe un eveniment de clic, mai degrabă decât de greu de codificare în atributul popover pentru fiecare cuvânt.

Acesta este codul am până acum.

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>')
});
});
Întrebat 13/02/2020 la 22:05
sursa de către utilizator
În alte limbi...                            

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