Какой самый лучший способ создать поповер для каждого отдельного слова в абзаце на DblClick? (HTML / CSS / Bootstrap4 / JQuery)

голоса
0

Я пытаюсь создать что-то похожее на разжечь Слово Мудрого и MacOs Словарь функции для класса. Моя цель состоит в том, чтобы позволить пользователю двойной щелчок по слову и посмотреть его определение. Я очень новой для переднего конца программирования, так что я был с много неприятностей. Я старался изо всех сил, чтобы исследовать и пробовать различные методы по достижению моего желаемого конечного результата, но я не могу получить его на работу.

Таким образом, в принципе, каждый раз, когда пользователь дважды щелкает словом, поповер должен появиться с ее определением. Я хотел бы найти способ, чтобы создать Popovers на событии щелчка, а не жесткое кодирование в атрибуте поповера для каждого слова.

Это код, который я до сих пор.

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>')
});
});
Задан 14/02/2020 в 00:05
источник пользователем
На других языках...                            

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