HTML的a标签中，用id或class绑定点击事件不生效

今天在做毕业设计的时候，有一个需求，就是a标签点击触发事件。先来说一下遇到的问题。

代码原来是这样的，绑定了一个class =“positionA”。

这个是可以正常触发下面这个事件的

但是我用了post请求后，重写了一个str加到原来的div里面，发现重写后的a标签不能触发事件

for (var i = 0; i < data.length; i++) {
                    str += '             <div class="row">\n' +
                        '                    <a href="#"  class="positionA">\n' +
                        '                        <div class="col-md-9">' + data[i].name + '</div>\n' +
                        '                        <div class="col-md-3">共50+职位</div>\n' +
                        '                    </a>\n' +
                        '                </div>';
                }
                $("#area").html(str);

后来尝试了id绑定和href绑定事件都是不行，最后尝试把a的属性都去掉，只加上onclick点击事件属性

<div class="row">
   <a onclick="change('人工智能')" class="positionA">
      <div class="col-md-9">人工智能</div>
      <div class="col-md-3">共400+职位</div>
   </a>
</div>

问题就解决了！

暂时还不清楚是什么原因class和id绑定的事件都不生效。只是找了另外一种思路解决了