如何使用jQuery将Bootstrap下拉菜单连接到eventhandler？

<button id="dropdownButton" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
  下拉菜单
</button>
<div class="dropdown-menu" aria-labelledby="dropdownButton">
  <a class="dropdown-item" href="#">选项1</a>
  <a class="dropdown-item" href="#">选项2</a>
  <a class="dropdown-item" href="#">选项3</a>
</div>

$('#dropdownButton').on('click', function() {
  // 在这里编写下拉菜单点击事件的处理逻辑
});

$('#dropdownButton').on('click', function() {
  $('.dropdown-menu').toggleClass('show');
});

$('.dropdown-item').on('click', function() {
  // 在这里编写下拉菜单选项点击事件的处理逻辑
});