बूटस्ट्रैप पॉपओवर क्रोम में काम नहीं कर रहा

Question

http://www.rightoption.co/

आप पृष्ठ के आरएचएस तरफ मिलेगा "हमारे क्लाइंट", थंबनेल पर क्लिक करें यह पॉपओवर (Firefox), खोलता है लेकिन यह गूगल क्रोम में काम नहीं कर रहा, कृपया मेरी मदद करो के इस

संपादित बाहर: वेबसाइट इसका कारण यह है पॉपओवर के लिए डिफ़ॉल्ट ट्रिगर ध्यान केंद्रित है होस्टिंग

Answer 1

पर नहीं रह गया है। फ़ायरफ़ॉक्स में, जब आप किसी चीज़ पर क्लिक करते हैं, तो ऐसा लगता है कि यह फोकस प्राप्त करता है लेकिन यह इस मामले में क्रोम के लिए सच नहीं लगता है।

आप 2 चीजों में से एक कोशिश कर सकते हैं: मैन्युअल रूप से "मैनुअल" होने का टैग पर ट्रिगर सेट करने के लिए

प्रयास करें। बजाय इस लाइन

$('#element, #element1').popover('toggle').popover('hide'); 

उपयोग:: तो बजाय करने के अपने दस्तावेज़ ऑनलोड में इस विशेषता डेटा-ट्रिगर = "मैन्युअल"

या

जोड़ने के लिए,

$('#element, #element1') 
    .popover() 
    .click(function(e) { 
     e.preventDefault(); 
     $(this).focus(); 
    }); 

Answer 2

स्वीकार किए जाते हैं उत्तर अब बहुत दिनांकित है, लेकिन यह मेरे लिए Google खोज में आया, इसलिए मैं इसे जोड़ना चाहता हूं कि संस्करण 2.3.0 बूटस्ट्रैप के रूप में अब ट्रिगर के रूप में 'होवर फोकस' भेजने की अनुमति देता है ताकि यह दोनों पर काम करेगा। और बहुत महत्वपूर्ण बात यह है कि यह 'क्लिक' ट्रिगर को भी अनुमति देता है जो आप अपेक्षा करते हैं (विशेष रूप से क्रोम के लिए)।

Answer 3

यह मेरे लिए काम किया!

var el = $('[data-toggle="popover"]'); 
el 
    .on('shown.bs.popover', function(){ 
     $(document).on('click.popover', function() { 
      el.popover('hide'); 
      $(document).off('click.popover'); 
     });        
    }) 
    .popover(); 

अद्यतन: उपरोक्त जिससे एक और पॉपओवर तत्व को क्लिक करते समय एक पॉपओवर प्रदर्शित किया जाता है खुला पॉपओवर बंद कर देता है, लेकिन नया नहीं खोलता है एक समस्या हुई। निम्नलिखित खुले पॉपओवर को बंद कर देगा और एक क्लिक के साथ नया खोल देगा।

var el = $('[data-toggle="popover"]'); 
el 
    .on('click', function(e){ 
     var el = $(this); 
     setTimeout(function(){ 
      el.popover('show'); 
     }, 200); // Must occur after document click event below. 
    }) 
    .on('shown.bs.popover', function(){ 
     $(document).on('click.popover', function() { 
      el.popover('hide'); // Hides all 
     }); 
    }) 
    .on('hide.bs.popover', function(){ 
     $(document).off('click.popover'); 
    });