爲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(); 
    }); 
});