Question

我正在开发一个应用程序，但我遇到了一些导致移动导航栏中的图标重复的JavaScript问题。

这是我在页面加载时运行的javascript：

$('a[dsid="nav_contact"]').css(
    'background-image',
    'url("'+Tiggzi.getImagePath('75-phone.png')+'")'
);

我试过这个没有运气：

$('a[dsid="nav_contact"]').css(
    'background-image',
    'url("'+Tiggzi.getImagePath('75-phone.png')+'")'
);
background-repeat: no-repeat;

Answer 1

您的background-repeat分开悬挂。将它与你为background-image所做的类似。

$('a[dsid="nav_contact"]').css('background-image', 'url("'+Tiggzi.getImagePath('75-phone.png')+'")');
$('a[dsid="nav_contact"]').css('background-repeat', 'no-repeat');

或

 $('a[dsid="nav_contact"]').css({
    backgroundImage: 'url("'+Tiggzi.getImagePath('75-phone.png')+'")', 
    backgroundRepeat: 'no-repeat'
});

检查此示例Fiddle

Answer 2

background-repeat规则必须与其他规则分开。因此，必须有两个不同的 jQuery的css函数调用。

$('a[dsid="nav_contact"]').css('background-repeat', 'no-repeat');

Answer 3

一个班轮

$('a[dsid="nav_contact"]').css({
       'background-image' : 'url("'+Tiggzi.getImagePath('75-phone.png')+'")',                           
       'background-repeat' : 'no-repeat'});

停止背景图像重复

3 个答案: