Question

我有以下代码（部分代码，但仍然）通过模式弹出窗口加载：

 $("#build").bind("submit", function() {
  $.ajax({
   padding : 15,
   type    : "POST",
   cache   : false,
   url     : "mapStructureDisplay.php?t=build",
   data    : $(this).serializeArray(),
   success: function(data) {
    parent.$.fancybox.close();
    $("#container img[data-coords='<?=$_GET['x']?>, <?=$_GET['y']?>']", window.parent.document).html(data);
   }
  });
  return false;
 });

这就是我在网址上的内容：

if($_GET['t'] == "build"){
echo '<img style='background-image:url(images/5.jpg) background-size:60px;' class='xyz' data-alt-src='images/X.png' data-player=' &nbsp; ' data-coords='1880, 2000' src="images/5.jpg" />';
die();}

一旦加载了模态弹出窗口，就会呈现通过jQuery的img选择器（例如）：$("#container img[data-coords='1903, 2019']", window.parent.document).html(data);

fancybox关闭，这很好......问题是img没有被替换。

图片

<img style='background-image:url(images/tile_5.png) background-size:60px;' 
     class='xyz' 
     data-alt-src='images/X.png' 
     data-player=' &nbsp; ' 
     data-coords='1880, 2000' src="images/tile_5.png" 
/>

应替换为

<img style='background-image:url(images/5.jpg) background-size:60px;' 
     class='xyz' 
     data-alt-src='images/X.png' 
     data-player=' &nbsp; ' 
     data-coords='1880, 2000' 
     src="images/5.jpg" 
 />

（来自上文）。

我做错了什么？

我有一个模糊的想法，它与我直接调用图像而不是div有关，但我不想刷新整个div，只需替换图像本身。

jQuery替换img问题

0 个答案: