无法获得属性'隐藏'jquery

Question

为什么我的网络浏览器出现此代码错误，所有其他浏览器此工作正常，只有IE存在问题

Unable to get property 'hide' of undefined or null reference
Unable to get property 'show' of undefined or null reference

码

if(data.button) {
    this.mouseenter(function()
    {
        $button.hide();
    });

    this.mouseleave(function()
    {
        $button.show();
    });
}

其余代码

var onload = function()
    {
        $this.unbind('load', onload);

        $wrap = $('<div id="profile_changer_wrap"/>');

    $this.wrap($wrap);
        if(data.data['type'] == 'avatar'){
            var lngEdit = 'Edit Profile Image';
            var class_c = 'profile_img';
        }else if(data.data['type'] == 'banner'){
            var lngEdit = 'Edit Cover Image'
            var class_c = 'cover_img';
        };  
        $button = $('<div id="profile_changer_button" class="'+class_c+'">'+lngEdit+'</div>').insertAfter($this);

    $button.css(
    {
        'top': ($this.outerHeight(true) - $button.height())/2 - 5,
        'left': ($this.outerWidth(true) - $button.width())/2 - 10
    });
};