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

您忘记了替换图片中的引号，而等号运算符应为==，而不是=。将字符串与另一个字符串进行比较时，引号很重要。请检查它们，你就可以了。这是一个点击触发的切换效果示例：

＆＃13;

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

＆＃13;

<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>

＆＃13;

如何检测css后台url

2 个答案: