jquery - 为 jmapping ajax 调用加载图像

Question

我一直在尝试使用 jquery jmapping 插件在 ajax 调用期间显示加载图像，以更新地图上的类别。我更像一个 PHP 人而不是 JS 人，所以这就是我想出的（我能想到的）......任何帮助将不胜感激！

$('#map-Shopping').click(function(){
    $('#map_canvas').empty().html('<img src="<?php bloginfo('template_directory'); ?>/images/ajax-loader.gif" alt="Loading..." />');
    $('#map-side-bar').load('<?php the_permalink(); ?>?ajax=yes&map=Shopping #map-Shopping', function() {
        $('#map_canvas').jMapping('update');
    });
});

Answer 1

我想到了！

$('#map-Restaurants').click(function(){
    $('#loading_img').show();
    $('#map-side-bar').load('<?php the_permalink(); ?>?ajax=yes&map=Restaurants #map-Restaurants', function() {
        $('#map_canvas').jMapping('update');
        $('#loading_img').hide();
    });
});