javascript - 阻止背景图像重复

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'
});

检查这个样本小提琴

Answer 2

规则必须与其他background-repeat规则分开。所以必须有两个不同的 jQuerycss函数调用。

$('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'});