Jaký je nejlepší způsob, jak vytvořit popover pro každého slova v odstavci o DblClick? (HTML / CSS / Bootstrap4 / JQuery)

hlasů
0

Snažím se vytvořit něco podobného Kindle Word Wise a MacOS Slovník funkcí pro třídu. Mým cílem je umožnit uživateli dvojklik na slovo a zobrazit jeho definici. Jsem na přední koncové programování zcela nový, takže jsem s hodně problémů. Snažil jsem se v mých silách, aby výzkum a vyzkoušet různé metody, aby dosáhly svůj požadovaný konečný výsledek, ale nemohu se dostat do práce.

Takže v podstatě, pokaždé, když uživatel klikne na dvojité slově popover by se měla objevit na jeho definici. Chtěl jsem najít způsob, jak vytvořit popovers na událost click, spíše než tvrdé kódování v atributu popover za každým slovem.

To je kód, který jsem doposud.

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>')
});
});
Položena 14/02/2020 v 00:05
zdroj uživatelem
V jiných jazycích...                            

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