jquery - 检查div是否设置了背景图片

Question

我正在尝试检查特定 div 是否设置了背景图像 URL。

这是没有背景图像的结构:

<div id="page-header">
  <div class="bg">
    <div class="bg-layer-upper-image" style=" background-image: url();">
    </div>
  </div>
</div>

这是一组的结构(它们是动态的):

<div id="page-header">
  <div class="bg">
    <div class="bg-layer-upper-image" style=" background-image: url('https://example.com/images/background-1.jpeg');">
    </div>
  </div>
</div>

这是我的 JQuery - 它总是认为有一个背景图像:

if ( $('#page-header').find('.bg-layer-upper-image').css('background-image') != 'url()' ) {
  alert('There is a background image');
}

知道这是为什么吗？

Answer 1

由于某种原因，当您使用 Jquery 检查背景图像 url 时，如果它是“url()”，则会将其评估为 window.location。例如，在 jsfiddle 中，它的计算结果为“url(”https://fiddle.jshell.net/_display/“)”

所以尝试不使用 jquery 进行检查

if ($('#page-header').find('.bg-layer-upper-image')[0].style.backgroundImage 
   != 'url("")') {
  alert('There is a background image');
}