Rozszerzanie metody .val() jQuery do elementów bez wprowadzania danych.

Question

Piszę niestandardową wtyczkę jQuery, która zasadniczo odtwarza funkcjonalność danych wejściowych. Mógłbym wyjaśnić, dlaczego, ale zgodnie z prawdą wyjaśnienie jest dość długie i uważam, że nie ma to znaczenia dla pytania.

Problem pojawia się, gdy próbuję rozszerzyć metodę .val() jQuery na moją niestandardową wtyczkę jQuery. Oto, co próbowałem:

$.fn.custom_text_input = function(options){ 
    return this.each(function(){ 
     var custom_text_input = new CustomTextInput(options, this) 

     $(this)[0].val = function(){ 
      alert('something useful') 
     } 
    }) 
} 

Ive próbował kilka innych odmian tego, wszystkie bez skutku. Jeśli ktokolwiek ma jakieś pomysły, które będą działać, bardzo bym docenił mądrość!

Dzięki!

Answer 1

Aby zastąpić metodę $.val(), należy wykonać polecenie takie, jak $.fn.val = function() {...}. Oto wersja demo: http://jsfiddle.net/CRRP5. Zalecam zapisanie starej metody .val() w zmiennej, aby można było z niej korzystać, gdy .val() jest wywoływana na zwykłym wejściu do formularza.

Answer 2

Jedynym sposobem, w jaki to zrobisz, jest rozszerzenie wyniku metody jQuery o val().

$(function(){ 
    $.fn.oldVal = $.fn.val 
    $.fn.val = function(value){ 
    //I'm assuming here that you're setting/getting a data value 
    //on the object to keep track of it's "custom value" 
    if(value && $(this).data('custom-input-value')){ 
     return $(this).data('custom-input-value', value); 
    } 
    else if(value = $(this).data('custom-input-value')){ 
     return value; 
    }else{ 
     return value ? $(this).oldVal(value) : $(this).oldVal(); 
    } 
    } 


}) 

To może pracować dla Ciebie: p

Oto jsfiddle z nim pracować: http://jsfiddle.net/Z4c6d/