Question

我创建了一个具有Ajax功能的页面（jQuery和PHP）。我的问题是当我在页面中通过Ajax加载内容时。我想读取放在Ajax容器内部的图像宽度。

我发现了一些非常了不起的东西。

我的剧本：

<script>
 $(window).ready(function () {
  var bildBreite = $("#wrapper > #target-image").width();
   alert(bildBreite);
  $("#wrapper > #image-wrapper").css({"width": bildBreite});
 });
</script>

它不起作用，但是当我插入警报时（＆＃34;加载＆＃34;）;然后工作。

<script>
 $(window).ready(function () {
  alert("Load");
  var bildBreite = $("#wrapper > #target-image").width();
   alert(bildBreite);
  $("#wrapper > #image-wrapper").css({"width": bildBreite});
 });
</script>

这里会发生什么，如何读取图像宽度？

Answer 1

在这种情况下你需要成功回调，因为AJAX是异步的，所以在Window Load上它不会获得元素宽度所以试试它，

$.ajax({
    ...
    success:function (response) {
       var bildBreite = $("#wrapper > #target-image").width();
       $("#wrapper > #image-wrapper").css({"width": bildBreite});
    }
});

详细了解jQuery.ajax

jQuery-Ajax在Ajax-Container中获取Image的宽度

1 个答案: