jquery - 我更改 css 属性的代码有什么问题？

Question

我正在使用以下 css 覆盖我的 jquerymobile 元素中 ListView 的 css

li{
height:90px !important;
border-style: 0px !important;
border-width: 0px 5px 2px 0px !important;
-moz-border-image: url('images/FA-iPhone_my-goals_READY-(2)_02.png') 0 5 2 0 stretch     !important;
-webkit-border-image: url('images/FA-iPhone_my-goals_READY-(2)_02.png') 0 5 2 0 stretch     !important;
-o-border-image: url('images/FA-iPhone_my-goals_READY-(2)_02.png') 0 5 2 0 stretch     !important;
border-image: url('images/FA-iPhone_my-goals_READY-(2)_02.png') 0 5 2 0 fill stretch !important;}

行得通。但是，在每个 ListView 中，我都有一个用作按钮的图像。我用一个 div 包裹了图像，并为该 div 指定了“#selectbtn”的 id。我正在尝试使用这里的方法:

http://www.jquery4u.com/dynamic-css-2/change-css-jquery/

所以在下面这段代码中，#four1 是页面的 id(jquerymobile 认为它是一个页面)#selectbtn 当然是在 ListView 中用作按钮的图像的名称。该图像包含“选择”字样的文字。所以我希望当我单击它时，它可以将上面 li 选择器的属性和值更改为下面的新属性和值。

<script>
$('#four1').live('pagecreate', function(e){
$("#selectbtn").click(function(e) {
$('li').css({'height': '90px !important'});
$('li').css({'border-style': '0px !important'});
$('li').css({'border-width': '0px 5px 2px 0px !important'});
$('li').css({'-moz-border-image':url('+images/goalsel_02.png+ !important')'});
$('li').css({'-webkit-border-image':url('+images/goalsel_02.png+ !important')'});
$('li').css({'-o-border-image':url('+images/goalsel_02.png+')' !important});
$('li').css({'border-image': 'url('+images/goalsel_02.png+')' !important});

    });
});
</script>

Answer 1

需要以JSON格式赋值，例如:

$(element).css({ "property1" : "value1", "property2" : "value2" });

或者如果你只想添加一个属性，使用这个:

$(element).css("property", "value");

不是单个属性的 JSON 格式。