jQuery UI में एक संवाद के शीर्षक में HTML का उपयोग 1,10

Question

http://jqueryui.com/upgrade-guide/1.10/#changed-title-option-from-html-to-text

jQuery यूआई 1.10 जगह बना सके। मैं इस शीर्षक को उत्पन्न करने के लिए उपयोगकर्ता इनपुट की अनुमति नहीं दे रहा हूं, इसलिए मैं अभी भी शीर्षक का बाईं ओर एक आइकन प्रदर्शित करने के लिए HTML का उपयोग करना चाहता हूं।

मैं इस समस्या का समाधान पोस्ट करने जा रहा हूं क्योंकि मैंने किसी और को यह अभी तक नहीं पूछा है या इसका उत्तर नहीं दिया है। उम्मीद है कि यह किसी और की मदद करेगा, या किसी और के पास बेहतर दृष्टिकोण हो सकता है।

को क्यों वे यह किया के रूप में अधिक जानकारी: http://bugs.jqueryui.com/ticket/6016

Answer 1

यह जब jQuery यूआई संवाद खिताब की स्थापना, यह एचटीएमएल शामिल करने की इजाजत दी इस्तेमाल किया समारोह पर आ जाएगी।

$.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, { 
    _title: function(title) { 
     if (!this.options.title) { 
      title.html(" "); 
     } else { 
      title.html(this.options.title); 
     } 
    } 
})); 

Answer 2

आप jQuery के _title विधि ओवरराइड करने में संकोच हैं, तो आप, एचटीएमएल उपयोग कर सकते हैं जोड़ सकते हैं या jQuery संवाद की खुली घटना में शीर्षक तत्व पर समान तरीकों, इसलिए जैसे:

$("#element").dialog({ 
    open: function() { 
    $(this).find("span.ui-dialog-title").append("<span class='title'>" + subtitle + "</span>"); 
    } 
}); 

ऊपर jQuery की शीर्षक विधि को बाईपास करते समय HTML को सही ढंग से पारदर्शी करता है। और चूंकि यह खुली घटना में होता है, उपयोगकर्ता अनुभव निर्बाध रहता है। बस एक परियोजना पर यह किया, और यह खूबसूरती से काम किया।