jQuery阻止多个ajax调用

Question

我在通过ajax加载的网页中有<a>元素：

<div class="small-box bg-aqua">
    <div class="inner">
        <div class="col-xs-4 text-center">
            <h2>___</h2>
            <p>____</p>
            <ul class="list-unstyled">
                <li>
                    <i class="fa fa-building"></i>
                    <strong> Address</strong>: -
                </li>
                <li>
                    <i class="fa fa-phone"></i>
                    <strong> Phone #</strong>: -
                </li>
            </ul>
        </div>
        <a id="corp1" class="small-box-footer" href="1">
            More info
            <i class="fa fa-arrow-circle-right"></i>
        </a>
    </div>
</div>

以下脚本将使<a>元素执行ajax调用

$('body').on('click', 'a[id^="corp"]', function(e) {
    call_master('corporate/get_detail', $(this).attr('href'));
    e.preventDefault();
});

仅点击一次链接时，会生成多个ajax调用。

我该如何解决这个问题？

Answer 1

使用$('body').on()更改$('body').one()并解决问题，谢谢大家_：）