PhoneGap：JQueryMobile更新图像src不显示在设备上

Question

我想在语法上修改标签的图像，而不是只在设备（Android，iOS）上工作。它在Chrome /桌面上运行良好。

我试图事业部，跨度和图标签，但都有着相同的行为。

请指导我如何更改背景图像。

我已经搜索不到任何问题和尝试的选项，但没有为我工作。

HTML

<div class="healthCare_heading"> 
    <span class="healthCare_heading span" onclick="Utilities.switchResultsULMaps('PageUL', 'MapsDiv')"></span> 
</div> 

CSS

.healthCare_heading { 
    float: left; 
    width: 100%; 
    box-shadow: inset 0 0 0 1000px rgba(13, 13, 13, 0.8); 
} 
.healthCare_heading span { 
    float: right; 
    margin-right: 0; 
    background-image: url(../images/phone/1x/healthIcon.png) ; 
    background-size: 25px 25px; 
    width: 30px; 
    height: 30px; 
    background-position: center; 
    background-color: rgba(16,138,177,0.6); 
} 

现在用下面JS代码改变背景。

$(".healthCare_heading span").attr("style", "background-image:url(../images/phone/1x/healthCareBar_icon.png) no-repeat;margin-left: 0;background-size: 25px 25px;width: 30px;height: 30px;background-position: center;background-color: rgba(16,138,177,0.6);"); 

注： - 我也试过背景图像：网址（）和背景：网址（）但两者不上设备工作。

Answer 1

问题是您正在使用background-image属性，如background速记属性。速记是background像这样

background: url('../images/phone/1x/healthCareBar_icon.png') no-repeat; 

URL和重复属性，这样你的jQuery将

$(".healthCare_heading span").attr("style", "background: url('../images/phone/1x/healthCareBar_icon.png') no-repeat;margin-left: 0;background-size: 25px 25px;width: 30px;height: 30px;background-position: center;background-color: rgba(16,138,177,0.6);"); 

你可能要考虑使用CSS类选择器，jQuery的.addClass应用这些样式（ ）方法，而不是改变样式属性。