2011-08-30 10 views
18

jquery qTip2 का उपयोग करना।जब माउस टिप पर होता है तो आप jquery.qtip2 टूलटिप को छिपाने से कैसे रोकते हैं? टूलटिप्स के लिए

मेरे पास एक लिंक के साथ एक टूलटिप है। मैं चाहता हूं कि टिप खुले रहें यदि उपयोगकर्ता का माउस टिप में प्रवेश करता है (ट्रिगर नहीं)। documentation में ऐसा करने के तरीके को समझने के लिए प्रतीत नहीं होता है ....

उत्तर

47

यदि आप माउस पर और टिप में दिखाई देते हैं तो यह दृश्यमान रहना चाहते हैं, लेकिन फिर भी इसे माउसआउट पर खारिज करना चाहते हैं, निश्चित का उपयोग करें और देरी विकल्पों described in the documentation here के रूप में:

$('.selector').qtip({ 
    content: { 
      text: 'I hide on mouseout, but you can mouse into me within 500ms', 
    }, 
    hide: { 
      fixed: true, 
      delay: 500 
    } 
}); 

छिपाने पैरामीटर कई विकल्प हैं। उदाहरण के लिए, अगर आप बस इसे अनिश्चित काल के लिए छिपा नहीं करना चाहते हैं, बस छिपाने गलत पर सेट:

$('.selector').qtip({ 
    content: { 
     text: 'I never hide', 
    }, 
    hide: false 
}); 

आप इसे इस तरह के टिप के बाहर कहीं भी क्लिक करने के रूप में एक अलग घटना पर छुपाने के लिए, चाहते हैं, घटना स्पष्ट रूप से सेट:

$('.selector').qtip({ 
    content: { 
      text: 'I hide when you click anywhere else on the document', 
    }, 
    hide: { 
      event: 'unfocus' 
    } 
}); 

आप जब ट्रिगर क्लिक किया जाता है इसे छिपाने के लिए चाहते हैं, तो क्लिक करें घटना निर्दिष्ट करें:

$('.selector').qtip({ 
    content: { 
      text: 'I hide when you click the tooltip trigger', 
    }, 
    hide: { 
      event: 'click' 
    } 
}); 

अधिक जानकारी के लिए विशेष रूप से the "hide" options documentation देखें।

+1

आप बहुत बहुत धन्यवाद .. यह मेरे .. बहुत मदद की मैं सिर्फ था इसे केवल खोजना –

5

आप टिप खुले रहते हैं और फिर इसे छिपाने के लिए जब या लक्ष्य के बाहर उपयोगकर्ता क्लिक लक्ष्य पत्ते चाहते हैं:

show: { 
    event: 'mouseover' 
}, 

hide: { 
    event: 'click mouseleave' 
} 
संबंधित मुद्दे