如何避開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>