jQuery – 为什么没有删除属性？ .removeAttr

概述

我正在使用jQuery .animate功能创建一个标签式网站.在我的直播网站上哪一个在第一次轮换时看起来很奇怪,但我似乎无法在小提琴中复制它.

左侧选项卡将div#wrapper右侧定位设置为-170px并返回0 – 然后我添加了.removeAttr(‘style’);删除样式属性,使其不会干扰右侧选项卡.

右边的标签将div#wrapper左侧定位设置为-170px并返回0 – 然后我添加了.removeAttr(‘style’);删除样式属性,使其不会干扰左选项卡.

问题

.removeAttr(‘style’);在.animate完成后,不会删除内联样式属性,如果右侧选项卡已打开,则会导致我的左侧选项卡失效.

请参阅jsfiddle http://jsfiddle.net/motocomdigital/QyhpX/5/

还有人注意到第一个选项卡上的任何故障都打开了交替吗？左还是右？它似乎挂在第一次打开,然后突然它打开,但顺利关闭,然后顺利重新打开.它只是第一次点击开放.

TAB CODE SCRIPT

var $tabLeft    = $(".tab-left-button span"),$tabRight   = $(".tab-right-button span"),$siteSlide  = $("#wrapper");

    $tabLeft.on('click',function () {
        if ($tabLeft.html() == 'X' ) {

            $siteSlide.stop().animate({ right: "0" },300);
            $tabLeft.html('Tab Left');

            return false;

            $siteSlide.removeAttr('style');

        } else {

            $siteSlide.stop().animate({ right: "-170px" },300);
            $tabLeft.html('X');
            $('body,html').animate({
                scrollTop: 0
            },800);                             
        }
    });

    $tabRight.on('click',function () {
        if ($tabRight.html() == 'X' ) {

            $siteSlide.stop().animate({ left: "0" },300);
            $tabRight.html('Tab Right');

            return false;

            $siteSlide.removeAttr('style');

        } else {

            $siteSlide.stop().animate({ left: "-170px" },300);
            $tabRight.html('X');
            $('body,800);                             
        }
    });

任何帮助将非常感激.谢谢

http://jsfiddle.net/motocomdigital/QyhpX/5/