1

我正在使用以下 css 覆盖我的 jquerymobile 项目中列表视图的 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;}

这样可行。但是，在每个列表视图中，我都有一个用作按钮的图像。我用 div 包裹了图像，并为该 div 赋予了“#selectbtn”的 id。我正在尝试在这里使用该方法：

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

因此，使用下面的代码，#four1页面的 id（jquerymobile 认为它是一个页面） #selectbtn当然是在列表视图中用作按钮的图像的名称。图像有文字，上面写着“选择”。所以我希望当我点击它时，它可以将上面 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>
4

3 回答 3

1

您应该正确分配属性。

$(element).css("property", "value"); //if assigning one property

或者

$(element).css({ "property1" : "value1", "property2" : "value2" }); // more than 1 property and also keep that quotes right

您还必须关心您的报价。

像

$(element).css({ "background-image" : "url('path_to_image') !important" });

于 2013-02-13T07:29:15.133 回答
1

您需要以 JSON 格式分配，例如：

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

或者，如果您只想添加一个属性，请使用以下命令：

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

不是单个属性的 JSON 格式。

于 2013-02-13T07:29:35.710 回答
0

除了答案之外，不要多次选择您的元素。如答案所示，您可以在一个 css 函数中添加所有 css 样式。

如果您想将其他功能应用于给定元素，您可以使用链接（另请参见：http ://tobiasahlin.com/blog/quick-guide-chaining-in-jquery/ ）。这背后的原因是您不希望 jQUery 为您应用的每个函数搜索相同的元素。

于 2013-02-13T07:45:33.697 回答