टूलटिप के भीतर टेक्स्टफील्ड पर फ़ोकस करें - jquery, asp.net-mvc-3, qtip2

एक टूलटिप के भीतर एक टेक्स्टफील्ड में "शेयर" लिंक दिखा रहा है qTip2.

टूलटिप स्वयं ठीक काम करता है, लेकिन मैं "टेक्स्ट टेक्स्ट" को भी प्राप्त करना पसंद करता हूं जो सभी पाठों के साथ ध्यान केंद्रित करता है इस, लेकिन किसी तरह फ़ोकस / क्लिक + सेलेक्ट नहीं हो रहा है।

JSFiddle लिंक

उत्तर:

ऐसा लगता है कि फ़ोकस के बाद टेक्स्ट इनपुट से फ़ोकस हटा रहा है show कॉलबैक कहा जाता है; बस एक समय मुद्दा हो सकता है, qTip2 में फोकस बदलने में कुछ हो सकता है।

आप ए का उपयोग करने का प्रयास कर सकते हैं setTimeout एक बार एक फ़ंक्शन को ट्रिगर करने के लिए शून्य के समय के साथ ब्राउज़र को नियंत्रण वापस मिल जाता है (और यह सभी qTip2 सामान समाप्त होने के बाद होना चाहिए)। यह मेरे लिए Chrome, Safari, Firefox और Opera में काम करता है:

events: {
show: function(event, api) {
var $this = $(this);
setTimeout(function() {
$this.find("input.focusselect").focus().select();
}, 0);
}
}

डेमो: http://jsfiddle.net/ambiguous/npZgv/

यदि कोई किसी अन्य दृष्टिकोण में रुचि रखता है, तो यहां मुझे क्रेग थॉम्पसन (qTip निर्माता) से मिला जवाब है, जो ऑटोफोकस घटना का उपयोग करता है

           show: {
event: "click",
ready: true,
solo: true,
autofocus: ".focusselect"
},
events: {
show: function(event, api) {
$("input.focusselect", this).bind("focus", function() {
$(this).select();
});
}
}