Mở rộng phương thức .val() của jQuery thành các phần tử không nhập

Question

Tôi đang viết một plugin jquery tùy chỉnh về cơ bản sao chép chức năng của một đầu vào. Tôi có thể giải thích tại sao, nhưng sự thật giải thích là khá dài và tôi tin rằng nó không liên quan đến câu hỏi.

Sự cố xảy ra khi tôi cố gắng mở rộng phương thức .val() của jQuery vào plugin jquery tùy chỉnh của tôi. Dưới đây là những gì tôi đã thử:

$.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') 
     } 
    }) 
} 

Tôi đã thử một vài biến thể khác của điều này, tất cả đều không có ích. Nếu bất cứ ai có bất kỳ ý tưởng mà sẽ làm việc, tôi sẽ rất nhiều đánh giá cao sự khôn ngoan!

Cảm ơn!

Answer 1

Để ghi đè phương thức $.val() bạn cần thực hiện một cái gì đó như $.fn.val = function() {...}. Đây là bản trình diễn: http://jsfiddle.net/CRRP5. Tôi khuyên bạn nên lưu phương pháp cũ .val() trong một biến để bạn có thể sử dụng phương thức này khi số .val() được gọi trên đầu vào biểu mẫu thông thường.

Answer 2

Cách duy nhất bạn sẽ làm việc này là mở rộng kết quả của phương pháp val() của 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(); 
    } 
    } 


}) 

Điều đó có thể làm việc cho bạn: p

Dưới đây là một jsfiddle với nó làm việc: http://jsfiddle.net/Z4c6d/