jquery - jmapping ajax 呼び出しのイメージを読み込んでいます

Question

jquery jmapping プラグインを使用してマップ上のカテゴリを更新する ajax 呼び出し中に読み込み中の画像を表示しようとしました。私はJSの人よりもPHPの人なので、これが私が思いついたものです(そして私が考えることができるすべてです)...どんな助けも大歓迎です!

$('#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();
    });
});