Estendi il metodo jQuery's .val() agli elementi non di input

Question

Sto scrivendo un plugin jquery personalizzato che sostanzialmente replica la funzionalità di un input. Potrei spiegare perché, ma sinceramente la spiegazione è abbastanza lunga e credo che sia irrilevante per la domanda.

Il problema si presenta quando provo ad estendere il metodo jQuery .val() al mio plugin jquery personalizzato. Ecco cosa ho provato:

$.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 ha provato alcune altre varianti di questo, tutto inutilmente. Se qualcuno ha qualche idea che funzionerà, apprezzerei molto la saggezza!

Grazie!

Answer 1

Per sovrascrivere il metodo $.val() è necessario eseguire operazioni come $.fn.val = function() {...}. Ecco una demo: http://jsfiddle.net/CRRP5. Raccomanderei di salvare il vecchio metodo .val() in una variabile in modo da poterlo utilizzare quando .val() viene chiamato su un normale modulo di input.

Answer 2

L'unico modo per farlo funzionare è estendere il risultato del metodo val() di jQuery.

$(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(); 
    } 
    } 


}) 

che potrebbero funzionare per voi: p

Ecco un jsfiddle con tale organizzazione: http://jsfiddle.net/Z4c6d/