jQuery .val() फ़ंक्शन ओवरराइड करें?

Question

क्या jQuery के val() फ़ंक्शन को आसानी से ओवरराइड करने का कोई तरीका है?

कारण मैं इसे ओवरराइड करना चाहता हूं कि जब भी किसी तत्व के लिए मान सेट किया जाता है तो मैं कुछ प्रोसेसिंग जोड़ना चाहता हूं। और मैं myVal() जैसे एक और कस्टम वैल्यू सेटर नहीं बनाना चाहता हूं।

Answer 1

आप मूल val समारोह के लिए एक संदर्भ स्टोर कर सकते हैं तो इसे ओवरराइड करने और अपने प्रसंस्करण करते हैं, और बाद में call साथ यह आह्वान, सही संदर्भ का उपयोग करें:

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (typeof value != 'undefined') { 
     // setter invoked, do processing 
    } 
    return originalVal.call(this, value); 
    }; 
})(jQuery); 

ध्यान दें कि आप एक के बीच अंतर कर सकते हैं तर्क undefined है या नहीं, यह जांचकर गेटर कॉल $(selector).val(); और एक सेटर कॉल $(selector).val('new value'); बस कॉल करें।

Answer 2

मैं तुम्हें सही, कुछ इस तरह ठीक चाल करना चाहिए समझने रहा हैं: चयन के लिए हो रही मूल्यों और इतने पर:

jQuery.fn.val = function (new_val) { 
    alert("You set a val! How wonderful!"); 
    this.value = new_val; 
}; 

बस सुनिश्चित करें कि आप नियमित रूप से कार्यक्षमता शामिल हैं। नियमित jQuery लाइब्रेरी के बाद के बाद उस कोड को पर चिपकाएं।

Answer 3

मुझे पता है कि समस्या पुरानी है लेकिन सिर्फ एक पूर्ण समाधान देने के लिए। ओवरराइड के बाद काम करने के लिए jQuery.val() और jQuery.val (मान) दोनों के लिए आपको इसे ठीक से और अलग से ओवरराइड करने की आवश्यकता है। क्योंकि jQuery.val() को कॉल करते समय मूल Val.call (यह, मान); सही ढंग से काम नहीं करेगा।

इसे सही तरीके से करने के लिए आपको मूल्य प्राप्त करते समय ऐसा करने की आवश्यकता है: originalVal.call (यह);

यहाँ एक साइट है, जहां सब कुछ समझाया गया है है: http://extremedev.blogspot.com/2012/01/override-jqueryval-and-jqueryvalvalue.html

सादर, रोमन

Answer 4

मैं जानता हूँ कि यह एक पुराने विषय है लेकिन यह गूगल खोज में पहला है और जवाब पूरी तरह से सही नहीं है ...

उदाहरण के लिए यदि आप कंसोल $('#myinput').val() में प्रयास करते हैं तो आपको #myinput का मान प्राप्त करना चाहिए।

लेकिन आप #myinput का मूल्य! स्थापित करना चाहिए अगर आप $('#myinput').val(undefined) कर ( वर्तमान जवाब के साथ और इसके बारे में टिप्पणी, आप #myinput का मान सेट नहीं होगा)

यहाँ एक उन्नत जवाब है कि arguments का उपयोग करें।

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (arguments.length >= 1) { 
     // setter invoked, do processing 
     return originalVal.call(this, value); 
    } 
    //getter invoked do processing 
    return originalVal.call(this); 
    }; 
})(jQuery); 

यदि आप सभी तर्क आप भी

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (arguments.length >= 1) { 
     // setter invoked, do processing 
    } else { 
     //getter invoked do processing 
    } 
    return originalVal.apply(this, arguments); 
    }; 
})(jQuery); 

लागू मुझे आशा है कि यह मदद का उपयोग कर सकते पास करना चाहते हैं!

Answer 5

मैं सीएमएस जवाब में जोड़ने के लिए कुछ है, मेरे कार्यान्वयन अलग होता है और हो सकता है इस तरह:

(function ($) { var fnVal = $.fn.val; 
    $.fn.val = function(value) { 
     if (typeof value == 'undefined') { 
      return fnVal.call(this); 
     } 
     var result = fnVal.call(this, value); 
     $.fn.change.call(this); 
     // here you can add some more implementation 
     return result; 
    }; 
})(jQuery); 

$ .fn.change निरीक्षण।फोन (this); को वैल ('') फ़ंक्शन से बाहर जाने से पहले बुलाया जाएगा, यह प्रत्येक वैल (') असाइनमेंट पर .change() को भी ट्रिगर करेगा।