未捕获的TypeError：无法设置未定义的属性'followTo'

Question

I'm trying to adapt this fiddle: http://jsfiddle.net/Tgm6Y/1/

var windw = this;

$.fn.followTo = function ( pos ) {
    var $this = this,
        $window = $(windw);

    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos
            });
        } else {
            $this.css({
                position: 'fixed',
                top: 0
            });
        }
    });
};

$('#product_right').followTo(250);

to my website: http://www.victoriarockera.com/shop/ropa-chica/soy-yo-979.html

but for any reason, I'm receiving this error:

Uncaught TypeError: Cannot set property 'followTo' of undefined

and it is not working...

why?

Thanks

Answer 1

I think the problem is that ('#product_right').followTo(250); is not triggered within your website. Try to add the following code to your site:

$( document ).ready(function() {
    ('#product_right').followTo(250);
});

That could also explain why it works within JSFiddle and not on your website. You might try that.