2008-11-13 16 views
5

मुझे दाएं क्लिक पर एक पॉपअप div दिखा रहा है (मुझे पता है कि यह ब्रेक अपेक्षित कार्यक्षमता है लेकिन Google डॉक्स ऐसा करता है तो क्यों नहीं?) हालांकि जिस तत्व में मैं अपना पॉपअप दिखा रहा हूं वह एक "शीर्षक" विशेषता सेट है जो दिखाई देता है मेरे div के शीर्ष। मैं अभी भी टूलटिप काम करना चाहता हूं लेकिन जब पॉपअप वहां नहीं है।अस्थायी रूप से टूलटिप प्रदर्शित करने से शीर्षक विशेषता को कैसे रोकें?

पॉपअप खुला/खोलने के दौरान टूलटिप को रोकने का सबसे अच्छा तरीका क्या है?

संपादित करें: मैं jQuery

उत्तर

4

jquery के साथ आप होवर फ़ंक्शन को रिक्त ऑनमूसओवर पर शीर्षक विशेषता सेट करने के लिए बाध्य कर सकते हैं और फिर इसे माउस पर रीसेट कर सकते हैं।

$("element#id").hover(
function() { 
    $(this).attr("title",""); 
    $("div#popout").show(); 
}, 
function() { 
    $("div#popout").hide(); 
    $(this).attr("title",originalTitle); 
} 
); 
+0

अच्छा! मैं jQuery का उपयोग कर रहा हूं इतना सही (उसमें उल्लेख किया जाना चाहिए) –

+2

मूल टिटल कहां से आ रहा है? आप इसे अधिक सामान्य समाधान के लिए .data() का उपयोग करके स्टोर कर सकते हैं। –

+0

टूलअप अभी भी इस समाधान में होवर पर कैसे काम करता है, जबकि पॉपअप के लिए राइटक्लिक सक्षम करता है? – bcm

1

मैं रिक्त स्थान है और जब पॉपअप बंद करने के लिए स्थापित करने लगता है कि उपयोग कर रहा हूँ, फिर से उचित पाठ की स्थापना। मुझे लगता है कि इसे रोकने का यह सबसे आसान तरीका है।

3

यहाँ कैसे यह मूल्य के लिए मूल्य भंडारण के लिए data और prop का उपयोग कर

$('[title]').on({ 
    mouseenter : function() 
    { 
     $(this).data('title', this.title).prop('title', ''); 
    }, 
    mouseleave: function() 
    { 
     $(this).prop('title', $(this).data('title')); 
    } 
}); 
1

मेरे लिए बताए द्वारा किया जा सकता का एक और उदाहरण है, मैं परवाह नहीं है क्या शीर्षक टैग की सामग्री था। मैंने अभी किया:

$('a').hover(function() { 

    $(this).attr('title', ''); 

}); 

जिसने शीर्षक टैग को दिखाने से रोक दिया।

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