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