dblclick पर एक पैराग्राफ में हर एक शब्द के लिए एक पॉपओवर बनाने के लिए सबसे अच्छा तरीका क्या है? (HTML / CSS / Bootstrap4 / JQuery)

वोट
0

मैं Kindle के शब्द समझदार है और एक वर्ग के लिए MacOS के शब्दकोश की सुविधा के लिए कुछ इसी तरह बनाने के लिए कोशिश कर रहा हूँ। मेरा लक्ष्य एक शब्द पर डबल क्लिक करें उपयोगकर्ता की अनुमति है और इसकी परिभाषा को देखने के लिए है। मैं बहुत सामने के छोर प्रोग्रामिंग करने के लिए नया हूँ तो मैं मुसीबत का एक बहुत हो रही किया गया है। मैं अपना सर्वश्रेष्ठ करने की कोशिश की अनुसंधान और मेरी वांछित अंतिम परिणाम प्राप्त करने के लिए विभिन्न तरीकों का प्रयास करने के लिए है, लेकिन मैं काम करने के लिए इसे पाने के लिए नहीं कर पा रहे।

तो बुनियादी तौर पर, जब भी कोई उपयोगकर्ता एक शब्द पर डबल क्लिक, एक पॉपओवर इसकी परिभाषा में दिखाई देना चाहिए। मैं एक क्लिक करें घटना पर R आर बनाने के लिए है, बजाय कठिन हर शब्द के लिए पॉपओवर विशेषता में कोडिंग के लिए एक रास्ता खोजने के लिए करना चाहता था।

इस कोड को मैं अब तक है।

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>')
});
});
13/02/2020 को 22:05
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            

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