ajax调用期间点击是不起作用的？

Question

我在一个div中有两个div我顶部有3个标签..

标签A，标签B和标签C就是这样..

<div class="col-sm-12 col-md-12 col-lg-12 live_contets" style='padding-right:13px !important;'>
    <table class="table live_c" style="border:3px solid #0d8aee !important;margin-bottom:0px !important;border-radius:16px !important;">
        <tr>
            <td class="live_tab tab_actions1" style="text-align:center;border:0px solid #0d8aee !important;" id="lll1" data="match_row">
                <a data="match_row" class="match_row1 tab_actions">
                <p style="margin:4px !important;">Tab A</p></a>
            </td>
            <td class="nlive_tab tab_actions1" style="text-align:center;border:0px solid #0d8aee !important;border-left:3px solid #0d8aee !important;border-right:3px solid #0d8aee !important;" id="lll2" data="points">
                <a data="points" class="points tab_actions"><p style="margin:4px !important;">Tab B</p></a>
            </td>
            <td class="nlive_tab tab_actions1" style="text-align:center;border:0px solid #0d8aee !important;border-right:0px solid #0d8aee !important;" id="lll3" data="owners">
                <a data="owners" class="owners tab_actions"><p style="margin:4px !important;">Tab C</p></a>
            </td>
        </tr>
    </table>
</div>
<div id="match_row"></div>

在第二个DIV中，我的内容每隔3秒不断更新set Interval query的{​​{1}}函数。

在那个Ajax调用中，我得到的HTML覆盖了第二个div .. second div is match_row.. 代码是这样的..

setInterval(function()
{
    <?php
        if(isset($_GET['add']))
        {
    ?>
        var add = <?php echo $_GET['add'] ?>;
        var url = '<?php echo url("?well='+add+'"); ?>';       
    <?php
        }
        else
        {
    ?>
            var add = 0;
            var url = '<?php echo url("?well='+add+'"); ?>';  
    <?php
        }
    ?>
    $.ajax({
      type:"GET",
      url:url,
      async:false,
      cache: false,
      datatype:"html",
      success:function(data)
      {
          $("#match_row").html("");
          $("#match_row").html(data);
      }
    });
}, 3000);

现在的问题是，如果我在Ajax调用期间的任何标签上点击，它就不会触发.. 我的onclick代码是这样的

$( document ).ready(function() {
    var ua = navigator.userAgent,
    event = (ua.match(/iPad/i) || ua.match(/iPhone/)) ? "touchstart" : "click";
    jQuery("body").on(event, '.tab_actions1', function(e) {
        var datas = $(this).attr("data");
        console.log(datas);
    });
});

第一个div的思想内容是静态的.. 任何帮助都会非常明显......