2012-12-27 16 views
11

मैं 1 सेकंड के बाद स्वचालित रूप से jQuery UI टूलटिप विजेट को कैसे बंद कर सकता हूं। मैं कोड निम्न का उपयोग करें:jQuery यूआई टूलटिप विजेट ऑटो बंद

var du=1000;  
$(document).tooltip(
{show:{effect:'slideDown',delay:du,duration:du/2}}, 
{hide:{effect:'explode',pieces:20,duration:du,delay:du/4}}, 
{track:true} 
); 

उत्तर

19

प्रयास करें:

$(document).ready(function() { 
    var du = 1000; 
    $(document).tooltip({ 
     show: { 
      effect: 'slideDown' 
     }, 
     track: true, 
     open: function (event, ui) { 
      setTimeout(function() { 
       $(ui.tooltip).hide('explode'); 
      }, du); 
     } 
    }); 
}); 

Fiddle

आशा इस मदद करता है!

+0

कूल! यह काम करता हैं! आपका बहुत बहुत धन्यवाद! – Aleksov

+0

एक जिज्ञासु मुद्दा है जब मैंने एक jQuery UI संवाद में टूलटिप्स दिखाने के लिए इस कोड का उपयोग किया था - यदि संवाद के अंदर पहला फॉर्म तत्व टूलटिप है तो यह फ़ॉर्म को स्थिर करने का कारण बनता है और टूलटिप गलत स्थिति में दिखाई देता है - खिड़की के ऊपरी बाएं कोने कोने। – DroidOS

+1

कुछ और जांच के बाद - टोपटिप का वेनिला संस्करण, $ (दस्तावेज़) .tooltip() बस ठीक काम करता है। मुद्दा यह है कि संवाद के अंदर टूलटिप्स के साथ पहला फॉर्म तत्व एक बेहद परेशान चिपचिपा टूलटिप दिखाता है। मैं इस मुद्दे को ठीक करने की कोशिश करते हुए इस धागे में भाग गया। अफसोस की बात है, इस उत्तर में वर्णित एक और पूरी तरह से कॉन्फ़िगर किए गए टूलटिप का उपयोग करते हुए मैंने ऊपर उल्लिखित अन्य मुद्दे को उठाया - संवाद फ्रीज हो गया है, रद्द/बंद करें बटन अब काम नहीं करता है ...। अंत में मैंने qTips पर स्विच किया - जो कि किसी भी मामले में मूल jQuery UI tiooltip की तुलना में एक बहुत अधिक विन्यास योग्य है। – DroidOS

संबंधित मुद्दे