Mi a legjobb módja annak, hogy hozzon létre egy popover minden egyes szót egy bekezdést dblclick? (HTML / CSS / Bootstrap4 / JQuery)

szavazat
0

Próbálok létrehozni valami hasonlót Kindle Igéjének bölcs és MacOS Szótár funkciót egy osztály. Célom az, hogy lehetővé tegye a felhasználó dupla kattintás egy szót, és tekintse meg a meghatározást. Én nagyon új kezelőfelületen programozás Már van egy csomó bajt. Én igyekeztem a kutatás és próbálja különböző módszerekkel elérni kívánt végeredmény én, de nem úgy tűnik, hogy ez a munka.

Tehát alapvetően, minden alkalommal, amikor a felhasználó duplán rákattint egy szóra, egy popover meg kell jelennie annak meghatározását. Azt akartam, hogy megtalálja a módját, hogy hozzon létre egy popovers click esemény, hanem kemény kódoló a popover attribútum minden szót.

Ez az a kód, amit eddig.

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>')
});
});
A kérdést 14/02/2020 00:05
a forrás felhasználó
Más nyelveken...                            

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