Javascript I'；我无法使用codeigniter在ajax中获取数据id（动态HTML，位于左上角）

这是查看代码。 第一次可以正常工作。在动态HTML中，无法在js中获取数据id“（onclick事件）”。 我想知道什么时候我会无限地添加任何用户树。 当我们通过ajax单击任何用户时，从ajax获取子对象基本上就是这个概念。 但是我无法通过ajax获得下一级的数据id

<ul>
  <li>
      <a href="javascript:void(0);">
          <div class="member-view-box">
              <div class="member-image">
                  <img src="https://image.flaticon.com/icons/svg/145/145867.svg" title="<?php echo $tree[0]->fname . " " . $tree[0]->lname ?>" alt="Member">
                  <div class="member-details">
                      <small><?php echo $tree[0]->partner_id; ?></small>
                  </div>
              </div>
          </div>
      </a>
      <ul class="active">
          <li>
              <a href="javascript:void(0);" data-id="<?php echo $tree[1]->branch_left; ?>">
                  <div class="member-view-box">
                      <div class="member-image">
                          <img src="https://image.flaticon.com/icons/svg/145/145867.svg" title="<?php echo $tree[1]->fname . " " . $tree[1]->lname ?>" alt="Member">
                          <div class="member-details">
                              <small><?php echo $tree[1]->partner_id; ?></small>
                          </div>
                      </div>
                  </div>
              </a>
              <ul id="<?php echo $tree[1]->branch_left; ?>"></ul>
          </li>
          <li>
              <a href="javascript:void(0);" data-id="<?php echo $tree[1]->branch_right; ?>">
                  <div class="member-view-box">
                      <div class="member-image">
                          <img src="https://image.flaticon.com/icons/svg/145/145867.svg" title="<?php echo $tree[2]->fname . " " . $tree[2]->lname ?>" alt="Member">
                          <div class="member-details">
                              <small><?php echo $tree[2]->partner_id; ?></small>
                          </div>
                      </div>
                  </div>
              </a>
              <ul id="<?php echo $tree[1]->branch_right; ?>"></ul>
          </li>
      </ul>
  </li>
</ul>

--------------------------
This is controller
    public function get_tree_by_ajax()
    {
        $this->Dashboard_m->get_tree_by_ajax($_POST);
    }

----------------------------
This is model code.



 public function get_tree_by_ajax()
    {
        $pid = $this->input->post('pid');
        if (!empty($pid)) {
            $data = $this->db
                ->get_where('tree', ['v_id' => $pid])
                ->row();
            $arr = array(
                '0' => $data->branch_left,
                '1' => $data->branch_right,
            );

            if (!empty($arr && $data)) {

                foreach ($arr as $val) {
                    $tree = $this->db
                        ->select('t1.*,t2.*')
                        ->from('vendor t1')
                        ->join('tree t2', 't2.v_id=t1.vid', 'LEFT')
                        ->where(['t1.vid' => $val])
                        ->order_by('vid', 'ASC')
                        ->limit(3)
                        ->get()
                        ->result();
                    $arr1[] = $tree;
                }
                // print_r($arr1);
                // exit;
                $x = $arr1[0];
                $y = $arr1[1];
                if (!empty($data->branch_left) && !empty($data->branch_right)) {
                    echo "
                <ul class='active'>
                    <li>
                        <a href='javascript:void(0);' data-id='" . $x[0]->v_id . "'>
                            <div class='member-view-box'>
                                <div class='member-image'>
                                    <img src='https://image.flaticon.com/icons/svg/145/145867.svg' title='" . $x[0]->fname . $x[0]->lname . "' alt='Member'>
                                    <div class='member-details'>
                                        <small>" . $x[0]->partner_id . "</small>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <ul id='" . $x[0]->v_id . "'></ul>
                    </li>
                    <li>
                        <a href='javascript:void(0);' data-id='" . $y[0]->v_id . "'>
                            <div class='member-view-box'>
                                <div class='member-image'>
                                    <img src='https://image.flaticon.com/icons/svg/145/145867.svg' title='" . $y[0]->fname . $y[0]->lname . "' alt='Member'>
                                    <div class='member-details'>
                                        <small>" . $y[0]->partner_id . "</small>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <ul id='" . $y[0]->v_id . "'></ul>
                    </li>
                </ul>
            ";
                } elseif (!empty($data->branch_left)) {
                    echo "
                <ul class='active'>
                    <li>
                        <a href='javascript:void(0);' data-id='" . $x[0]->v_id . "'>
                            <div class='member-view-box'>
                                <div class='member-image'>
                                    <img src='https://image.flaticon.com/icons/svg/145/145867.svg' title='" . $x[0]->fname . $x[0]->lname . "' alt='Member'>
                                    <div class='member-details'>
                                        <small>" . $x[0]->partner_id . "</small>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <ul id='" . $x[0]->v_id . "'></ul>
                    </li>
                </ul>
            ";
                } elseif (!empty($data->branch_right)) {
                    echo "
                <ul class='active'>
                   
                    <li>
                        <a href='javascript:void(0);' data-id='" . $y[0]->v_id . "'>
                            <div class='member-view-box'>
                                <div class='member-image'>
                                    <img src='https://image.flaticon.com/icons/svg/145/145867.svg' title='" . $y[0]->fname . $y[0]->lname . "' alt='Member'>
                                    <div class='member-details'>
                                        <small>" . $y[0]->partner_id . "</small>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <ul id='" . $y[0]->v_id . "'></ul>
                    </li>
                </ul>
            ";
                } else {
                    echo 'not';
                }
            }
        }
    }

--------------------------
this is ajax


<script>
    $("a").click(function() {
        var pid = $(this).data("id");
        alert(pid);
        $.ajax({
            url: "<?php echo base_url(); ?>get-tree-data",
            method: "POST",
            data: {
                pid: pid
            },
            success: function(result) {
                if (result == 'not') {
                    alert('No partner here !!');
                } else {
                    $("#" + pid).html(result);
                }


                console.log("Response======>" + result);
                // alert(result);


            }
        });
    });
</script>

将单击事件包装到一个函数中，比如click_me（）{$（（“a”）.click（…）}；然后在ajax成功中调用click_me（）（在DOM更新之后，最终有一点超时）），应该可以做到这一点……每当我单击链接时，DOM都会得到更新。然后，当我单击下面的链接时，没有响应，也没有错误提示