Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular 2 click事件未在手机/平板电脑上的下拉按钮项目上触发_Javascript_Angular_Angular Material - Fatal编程技术网

Javascript Angular 2 click事件未在手机/平板电脑上的下拉按钮项目上触发

Javascript Angular 2 click事件未在手机/平板电脑上的下拉按钮项目上触发,javascript,angular,angular-material,Javascript,Angular,Angular Material,我有以下HTML代码: <div class="btn-group pull-right"> <div class="fbtn-inner"> <button class="fbtn waves-attach waves-circle waves-effect" data-toggle="dropdown"><span class="fa fa-plus"></span></button> <

我有以下HTML代码:

<div class="btn-group pull-right">
   <div class="fbtn-inner">
      <button class="fbtn waves-attach waves-circle waves-effect" data-toggle="dropdown"><span class="fa fa-plus"></span></button>
     <div class="fbtn-dropdown">
       <button class="fbtn waves-attach waves-circle waves-effect" (click)="onAddContact()">
        <span class="fa fa-users"></span>
        <span class="fbtn-text fbtn-text-left">Add contact</span>
       </button>
    </div>
   </div>
</div>

添加联系人
问题在于,下拉列表已打开,但按钮上的单击事件不仅适用于移动/平板电脑设备,而且在桌面浏览器上运行良好


知道为什么吗?

检查按钮和div的宽度或高度。可能在移动设备中,按钮与任何元素重叠,这就是它不工作的原因。

到目前为止,我对移动浏览器中的
单击
事件似乎没有任何问题。在多个平台上运行良好扫描您发布了一个可复制的样本?PS:最后一个span元素有问题您没有正确关闭div。