javascript - 带有 CSS 属性的 jQuery 切换

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

LIVE DEMO

function changeview(orientation){ 
    $('#article').click(function(){    
       var has_H = $(this).height() >= 885 ;         
       $(this).css({
          '-webkit-column-width': has_H ? 'auto' : 768,
                        'height': has_H ? 'auto' : 885
       }); 
    });
}

Answer 2

您可以为此使用 addClass 和 removeClass。

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

和 jQuery

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

还做了一个小提琴（简单演示）：http: //jsfiddle.net/VXmZp/

Answer 3

打败我..总是花太长时间在我的小提琴上： tymeJV 建议的http://jsfiddle.net/f64Wy/ toggleClass更好。

更新 - 相同的例子被精简为只使用toggleClass- http://jsfiddle.net/f64Wy/1/