Javascript 为什么href、onclick在bulma下拉列表中不起作用？

我将通过单击下拉列表中的标记来打开

.modal

（我使用的是CakePHP）

但是，

href

，

onclick

不起作用

下面是代码

<div class="dropdown">
  <div class="dropdown-trigger">
    <button class="button is-green is-small newdoc-dropdown-button" aria-haspopup="true" aria-controls="dropdown-menu">
       <span class="icon is-small">
         <i class="fas fa-plus"></i>
       </span>
       <span>New Document</span>
       <span class="icon is-small">
         <i class="fas fa-angle-down" aria-hidden="true"></i>
       </span>
    </button>
  </div>
  <div class="dropdown-menu" id="dropdown-menu" role="menu">
    <div class="dropdown-content">
      <a href="#" class="dropdown-item">
        Folder
      </a>
      <a class="dropdown-item newdoc-modal-open">
        File
      </a>
    </div>
  </div>
</div>
<div id="newdoc-modal" class="modal">
  <div class="modal-background"></div>
  <div class="modal-content">
    ...
  </div>
</div>

$(".dropdown .newdoc-dropdown-button").click(function (){
    var dropdown = $(this).parents('.dropdown');
    dropdown.toggleClass('is-active');
});
$(".dropdown .newdoc-dropdown-button").focusout(function() {
    var dropdown = $(this).parents('.dropdown');
    dropdown.removeClass('is-active');
});
$('.newdoc-modal-open').click(function(e){
    e.preventDefault();
    $('#newdoc-modal').addClass('is-active');
});

jquery

代码已用完

$（文档）.ready（函数（）

）