CSSの背景URLを検出するには

Question

スワイプ効果を使って背景画像を変更したいのですが、固まってしまいました！

これは私のコードです：

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

Answer 1

あなたの条件には、==演算子を含める必要があります。単一ではない=。割り当てられていない値を比較したいとします。

Answer 2

置き換えイメージの引用符を忘れた場合、等号演算子はでなく、=でなければなりません。引用符は、文字列を別の文字列と比較するときに重要です。それらを確認してください、あなたはその作業を得るでしょう。ここでスイッチ効果のクリックトリガー例です：

$("#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>