如何避开jquery动态绑定的事件重叠问题

最近在做一个表单页面
1.分页用的bootstrap，通过动态给每个绑定事件，点击跳到指定的数据显示，这样显示正常
2.做前一页，后一页动态绑定事件的时候，出现了事件重叠，导致出现异常
3.解决方案，给上一页，下一页，阻止冒泡事件e.stopPropagation()【注意：上一页，下一页的id应该放在li的子元素里】

---

<nav aria-label="...">
<ul class="pagination">

<li class="disabled">
  <span>
    <span aria-hidden="true">&laquo;</span>
  </span>
</li>
<li class="active">
  <span>1 <span class="sr-only">(current)</span></span>
</li>
...

</ul>
</nav>