jQuery CSS 在 Ajax 加载后未触发 - 无法使用点击事件答案

【问题标题】：jQuery CSS not firing after Ajax load - can't use an on click eventjQuery CSS 在 Ajax 加载后未触发 - 无法使用点击事件
【发布时间】：2018-09-04 18:07:43
【问题描述】：

我遇到了一种特殊的情况，我需要加载一个背景图像，该背景图像依赖于使用 Ajax 加载的页面中返回的数据。

显然$(document).ready 在这里不起作用，通常的答案是提供和 .on click 事件处理程序，但在这种情况下没有要触发的事件，我基本上是在尝试在页面加载时加载背景图像.

我正在获取新加载页面上图像的 url 并将其设置为 var，然后尝试将该 url 用于元素的背景图像：

这就是它的样子：

<script>
var bgImage = '<?php echo TEMP_LOC . $track->track_id . '-bg.jpg'; ?>';
$(document).ready(function() {
  $('.single-t').css('background', 'url("' + bgImage + '")');
});
</script>

这在直接访问页面时有效，但在通过 ajax 加载时失败。

CSS 必须是内联的，我不能将它移到单独的 CSS 文件中，因为它依赖于加载的页面来获取图像 URL。

有什么建议吗？

【问题讨论】：

标签： javascript jquery css

【解决方案1】：

我通过在实际的 div 上设置它来解决这个问题：

<div class="single-t" style="background: url('<?php echo TEMP_LOC . $track->track_id . '-bg.jpg'; ?>')">

【讨论】：