如何让SemanticUI下拉菜单在没有悬停的情况下工作(在移动设备上)？

<div class="ui dropdown" id="myDropdown">
  <div class="text">选择项</div>
  <i class="dropdown icon"></i>
  <div class="menu">
    <div class="item" data-value="1">选项1</div>
    <div class="item" data-value="2">选项2</div>
    <div class="item" data-value="3">选项3</div>
  </div>
</div>

$('#myDropdown').dropdown({
  on: 'hover', // 设置触发方式为hover
  transition: 'fade', // 设置下拉动画效果
  // 可以添加更多选项和回调函数
});

$('#myDropdown').dropdown({
  on: 'click', // 在移动设备上设置触发方式为点击
});