Question

我正在尝试显示“loading ...”文本，而内容和Google Map iframe正在div中加载。内容在两种情况下都可以正常加载，但“loading ...”文本不会显示。加载完成后，也不会显示“已加载”文本。不确定我做错了什么。

这是HTML：

<div class="content-loader"></div>
<div class="content"></div>

<div class="map-loader"></div>
<div class="map"></div>

这是我的jQuery：

$(function(){
  $(".content").load(function () {
    $('.content-loader').html('Content loaded');
    $(this).fadeIn();
  }).error(function () {})
  .html('This is a new content.')
  .closest('.content-loader').html('Content loading...');

  $(".map").load(function () {
    $('.map-loader').html('Map loaded');
    $(this).fadeIn();
  }).error(function () {})
 .html('<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.au/maps?hl=en&amp;q=arizona&amp;ie=UTF8&amp;hq=&amp;hnear=Arizona,+United+States&amp;t=m&amp;z=6&amp;ll=34.048928,-111.093731&amp;output=embed"></iframe>')
 .closest('.map-loader').html('Map loading...');
});

这是jsfiddle：http://jsfiddle.net/r55yd/

jQuery load（）函数不适用于内容和Google Map iframe

0 个答案: