Question

 <div class="list-group bg-light no-border list-group-opt no-radius m-b-none">
            <a class="list-group-item"  on-tap="enterIndividual">
                <div class="primary-info"
                    <div class="pull-left w-1x">
                        <img src={{avatar}} class="w-full r-3x"/>
                    </div>
                    <div class="pull-left m-l intro">
                        <span class="text-lg font-bold text-black m-b-sm">{{name}}</span>
                        <i class="fa fa-user"></i>

                        <div class="text-muted long-intro">
                            <span>{{detail}}</span>
                        </div>
                    </div>
                </div>
            </a>
        </div>

它在电脑上运行良好，但是当我在我的手机上测试它时，它没有反应触摸。但如果我使用点击而不是点击，它表现得相当好。所以我很困惑这个问题。有任何要求使用on-tap.Oh，它仍然有一个奇怪的点。如果我触摸它超过div的一半，它可以工作。这是什么问题？

Answer 1

首先，代码中存在一些错误：

关闭div.primary-info代码
a-tags不允许（HTML5）包含块元素（div） - 通常不是问题，但可能导致某些问题，并且肯定不会验证。

我想你的问题是，a-tag包围所有东西都没有合适的高度和宽度。尝试给它一个背景，你会看到a-tag实际渲染为可点击区域有多大。

您只需跳过a-tag并将您的活动on-tag移至div.primary-info

聚合物on-tap无法在任何地方点击即可工作

1 个答案: