jQuery .css（）方法不起作用

Rookie Vee 发表于 Dev

新秀Vee

我有一个使用jQuery .css（）方法修改DIV样式的代码，但是它不起作用。这是我的代码的简化版本，可复制该问题。

HTML：

<input type="radio" name="show" id="showleft" value="showleft">Left
<input type="radio" name="show" id="showright" value="showright">Right
<div id="cfwrapper">XXXXXXXXX</div>

CSS：

#cfwrapper {
    bottom: 10px;
    left: 30px;
    position: fixed;
}

JavaScript：

$("input:radio[name=show]").click(function(event){
    if (event.target.id == 'showleft') {
        // remove property 'right:30px'
        // add property 'left:30px'
    } else if (event.target.id == 'showright') {
        $('#cfwrapper').css('left',''); // remove property 'left:30px'
        // add property 'right:30px'
    }
});

上面的代码中发生的事情是该行$('#cfwrapper').css('left','');不起作用。我希望它从“ cfwrapper”中删除“ left”属性（然后“ XXXXXXXXX”将向左移动30px），然后我将使用类似的语句--$('#cfwrapper').css('right','30px');添加“ right”属性，以便“ XXXXXXXXX”将然后转到页面右侧，但是它不起作用。

谁能告诉我为什么它不起作用？它不应该工作吗？

JSFiddle：http : //jsfiddle.net/fidnut/hLqngbsb/

卡特拉

试试这个 .css('left','auto')

$("input:radio[name=show]").click(function(event){
    if (event.target.id == 'showleft') {
        document.getElementById('op').innerHTML='Left side';
        $('#cfwrapper').css({'left':'30px','right':'auto'});

    } else if (event.target.id == 'showright') {
        document.getElementById('op').innerHTML='Right side';
         $('#cfwrapper').css({'left':'auto','right':'30px'});
    }
});

http://jsfiddle.net/hLqngbsb/2/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。