Quelle est la meilleure façon de créer un popover pour chaque mot dans un paragraphe sur dblclick? (HTML / CSS / Bootstrap4 / JQuery)

voix
0

Je suis en train de créer quelque chose de similaire à Wise Parole de Kindle et la fonctionnalité Dictionnaire de MacOS pour une classe. Mon but est de permettre à l'utilisateur double-cliquez sur un mot et voir sa définition. Je suis très nouveau à la programmation de fin avant donc j'ai eu beaucoup de mal. J'ai essayé de mon mieux pour la recherche et essayer différentes méthodes pour atteindre mon résultat final souhaité, mais je ne peux pas sembler le faire au travail.

Donc, en gros, chaque fois qu'un utilisateur double-clique sur un mot, un popover devrait apparaître avec sa définition. Je voulais trouver un moyen de créer popovers sur un événement de clic, plutôt que de coder en dur dans l'attribut popover pour chaque mot.

Ceci est le code que j'ai jusqu'à présent.

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>')
});
});
Créé 14/02/2020 à 00:05
source utilisateur
Dans d'autres langues...                            

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