2016-10-02 85 views
1

我想使刷卡效果改变背景图片,但它卡住了!如何检测css背景网址

这是我的代码:


$('#AAA').swipeleft(function() { 

    var BG = document.getElementById("AAA").style.backgroundImage; 

    if (BG = "url('../Image/002.jpg')") { 

     $('#AAA').css('background-image','url(../Image/003.jpg)'); 
    }; 

    if (BG = "url('../Image/003.jpg')") { 

     $('#AAA').css('background-image','url(../Image/004.jpg)'); 
    }; 
}); 

回答

0

你的条件应该包含==操作符。没有一个=。你想比较这些值,而不是分配。

0

您忘记了替换图像中的引号,等于运算符应该是==而不是=。当您将字符串与另一个字符串进行比较时,引号很重要。请检查他们,你会得到这个工作。下面是开关效应的点击触发的例子:

$("#myDiv").click(function(){ 
 
    
 
    var BG = $(this).css("background-image"); 
 
    console.log(BG); 
 
    if(BG == 'url("http://lorempixel.com/400/200/")') { 
 
    $(this).css("background-image", "url('http://lorempixel.com/400/300/')"); 
 
    } else if(BG == 'url("http://lorempixel.com/400/300/")') { 
 
    $(this).css("background-image", "url('http://lorempixel.com/400/200/')"); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div style="background:black url('http://lorempixel.com/400/200/'); width: 200px; height: 200px;" id="myDiv"></div>