/ / jQuery UI डिबगिंग के लिए टूलटिप को खुला रखें (इसे स्टाइल करने के लिए) - jquery, jquery-ui, jquery-ui-टूलटिप

jQuery UI डीबगिंग के लिए टूलटिप खोलें (इसे स्टाइल करने के लिए) - jquery, jquery-ui, jquery-ui-tooltip

मैं jQuery UI टूलटिप को स्टाइल करने की कोशिश कर रहा हूं, लेकिन यह बंद रहता है। मैंने बिना किसी सफलता के साथ कोशिश की है:

 $("td label").tooltip({

disabled: true,
close: function (event, ui) { return false; }

}).on("click", function () {

$(this).tooltip("open");
}).off("focusout mouseleave mouseenter");

इसे खुला रखने के लिए कुछ भी नहीं लगता है। जब मैं फायरबग जाने के लिए इस पर राइट क्लिक करता हूं, तो मेरे पास मौका होने से पहले ही गायब हो जाता है।

उत्तर:

उत्तर № 1 के लिए 17

अपने टूलटिप्स पर खुली विधि को कॉल करें, जिससे वे खुले रहेंगे

$("td label").tooltip().tooltip("open");

जवाब के लिए 13 № 2

यदि यह केवल डिबगिंग के उद्देश्य के लिए है, तो इसका उपयोग क्यों नहीं किया जाता है the hide विकल्प और एक बहुत लंबी अवधि निर्धारित किया है ।

$("td label").tooltip({ hide: {duration: 1000000 } });

जवाब के लिए 11 № 3

बहुत बेहतर विकल्प के लिए जे एस निष्पादन को थामने है ।

  1. ओपन कंसोल
  2. स्रोत टैब पर स्विच करें
  3. टूलटिप के लिए कुछ प्रकट होने के लिए होवर करें
  4. क्लिक करें F8 बटन (शायद अलग, होवर रोकें आइकन हॉटकी जांच करने के लिए)

उत्तर के लिए 1 № 4

दोनों पिछले जवाब didn "टी मुझे एक didn के रूप में मदद" गैर पर काम "tooltips प्रत्यायोजित, जबकि अंय विधि मैं सीएसएस के साथ चारों ओर देव पैनल में नहीं खेल सकता है ।Tooltip खुला रहना था, लेकिन मैं किसी भी सीएसएस के खिलाफ किसी भी चेकबॉक्स को अनचेक नहीं कर सकता है जैसे मैं आम तौर पर या अधिक सीएसएस में टाइप होगा-इसे लागू करने से पहले एक समाधान के लिए मिलता है ।

अंततः मैं डीबगर कथन का उपयोग करने के बाद tooltip खोला गया था मेरे कोड में तोड़ने के लिए ।

उदाहरण:

jQuery(".myElement").tooltip({
open: function (event, ui) {
debugger;
}
});

जब वह विराम बिंदु हिट है, तो कंसोल में इसका मूल्यांकन करें:

$(".ui-tooltip-content")

और फिर सांत्वना में मूल्यांकन के परिणामों पर दायां क्लिक करें और चुनें तत्वों पैनल में प्रकट करने के लिए सिर्फ पृष्ठ पर किसी भी अंय तत्व की तरह इसके साथ काम करते हैं ।यह विशेष रूप से उपयोगी है जब tooltip सामग्री गतिशील रूप से निर्माण किया है (मेरे मामले में की तरह) ।


उत्तर के लिए 1 № 5

टूलटिपस्टर के v 4.1.5 के लिए इस तरह विलंब विकल्प का उपयोग करें ।

$(".tooltip").tooltipster({
interactive:true,
animation: "grow",
delay:[100, 10000000]
});

दूसरा विलंब मान, tooltip के लिए समापन विलंब निर्दिष्ट करता है ।संदर्भ: http://iamceege.github.io/tooltipster/#options