javascript - jQuery 与 css 属性切换

Question

我试图在 css 列布局和 id 为“article”的 div 元素的正常布局之间切换，但是 jQuery 不起作用......整个事情就消失了。谁能告诉我如何在切换功能中使用 jQuery 删除 css 属性？我读到您可以删除像下面这样的属性...但它不起作用...任何人都可以告诉我正确的方法吗？

function changeview(orientation){
    $('#article').toggle(function(){
       $('#article').css('-webkit-column-width' : '768px', 'height' : '885px');                          
    },function(){                                 
        $('#article').css('-webkit-column-width' : '', 'height' : '');                              
    });
}

Answer 1

您可以使用 addClass 和 removeClass 来实现此目的。

<style>
    .newCSS {
        -webkit-column-width : 768px;
        height : 885px;
    }
</style>

和 jQuery

$('#article').toggleClass("newCSS");

还制作了一个 fiddle (简单演示):http://jsfiddle.net/VXmZp/