Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery .prop() compatibility

I'm trying to test if the .prop() method exists on the current jQuery included (for compatibility reason) via:

if(typeof $.prop === 'function')

I would expect that the condition above is true for jQuery >= 1.6 and false for jQuery < 1.6 as I can understand from the docs

Anyway, testing this on jsfiddle, leads to:

typeof $.prop === 'function' is:

  • true when jQuery >= 1.6
  • false when jQuery < 1.6 and jQuery > 1.3
  • true when jQuery <= 1.3

here is the very very simple script which provide the results above (just switch jQuery version to see what I've described).

When I try to use that .prop() with jQuery i.e. 1.3 I get the .prop is not a function error. The same problem occours also testing outside jsfiddle. Is it normal such a behavior? How could I truly test if .prop() is available?

Thanks

like image 717
Dalen Avatar asked Dec 05 '22 21:12

Dalen


2 Answers

alert(typeof $.fn.prop === 'function')

You want to check for the .prop method on the jQuery prototype which lives on $.fn. This is false in 1.3.

Also I would avoid feature detection for jQuery versions and instead support a particular version (and up).

like image 106
Raynos Avatar answered Dec 09 '22 22:12

Raynos


What I did, is build a compatible function for prop, for jQuery versions, which doesn't use prop:

(function($){
    if (typeof $.fn.prop !== 'function')
    $.fn.prop = function(name, value){
        if (typeof value === 'undefined') {
            return this.attr(name);
        } else {
            return this.attr(name, value);
        }
    };
})(jQuery);

You can test this code: http://jsfiddle.net/JtK2Q

like image 24
Michiel Avatar answered Dec 09 '22 23:12

Michiel