javascript - jQuery .delegate が機能しない

Question

次のコードは、ページの読み込み時にクラスを切り替えるように機能しますが、Ajax 呼び出しの後は機能しません。

HTML ([field_map_location] は Drupal トークン):

<div class="clearfix dir-map">
<a href="#" class="show">Map</a>
<div id="slidingDiv" class="outside">
[field_map_location]
</div>
</div>

ジャバスクリプト：

<script type="text/javascript">
 jQuery(function($) {
$(document).ready(function() {
    $('.dir-map').delegate('a', 'click', function(e) {
        e.preventDefault(); 
        $(this).next('div').toggleClass('outside inside');
    });
});

});
</script>

更新 次の推奨ソリューションを試しましたが、まだ機能しません。

<script type="text/javascript">
 jQuery(function($) {
    $(document).delegate('.dir-map a', 'click', function (e) {
        e.preventDefault(); 
        $(this).next('div').toggleClass('outside inside');
    });
});
</script>

申し訳ありませんが、私は初心者なので、AJAX 呼び出しのコードを提示する方法がわかりません。この html は Drupal ビューの一部であり、その AJAX 機能を使用していると言えます。