Установка фонового изображения в качестве атрибута имени при клике jquery не работает

Question

Я устанавливаю фоновое изображение героя каждой страницы в качестве имени нажатой кнопки, включая URL-адрес и расширение в строке. В окне предупреждения отображается правильное фоновое изображение, но фоновое изображение не установлено. Что не так? Я устанавливаю цель таким же образом, возможно, именно здесь происходит конфликт, поэтому я включил и этот код.

var pageTrigger = $(".tab-button-pages");
var mainSections = $(".section");
var tabletBackground = $(".tablet-content-background");

pageTrigger.on('click', function(){
  var $this = $(this),
  target = $this.data('target');

  name = $this.attr('name');
  $(".tablet-content-background").css('background-image','url(./img/'+name+'.png)');

  pageContainer.load(target);

  return false;
});

<div class="tab-button-pages" name="meridian" data-target="meridian.html">
    See More
</div>

Answer 1

var pageTrigger = $(".tab-button-pages");
var mainSections = $(".section");
var tabletBackground = $(".tablet-content-background");
var pageContainer = $(".tablet-content-background");

pageTrigger.on('click', function(){
  var $this = $(this),
  target = $this.data('target');

  name = $this.attr('name');
  pageContainer.attr('style','background-image:url('+name+'); min-height: 300px;');

  pageContainer.html(target);

  return false;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="tab-button-pages" name="https://via.placeholder.com/150" data-target="Background 1">
    See More
</div>
<br><br>
<div class="tab-button-pages" name="https://via.placeholder.com/320" data-target="Background 2">
    See More
</div>
<br><br>
<div class="tablet-content-background"></div>