加载图像以进行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();
    });
});