Question

为什么点击不能在移动设备上运行？适用于PC

还有其他几个问题，但没有一个答案有效。我尝试通过添加 onclick =＆＃34; void（0）＆＃34; ，添加 href ，添加 touchend 来使元素可点击的 touchstart 即可。什么都没有帮助。

＆＃13;

$('.size-list-item').on('click touchend', function(event) {
  event.preventDefault();

  $(".size-list-item").removeClass('active');
  $(this).toggleClass('active');
})

＆＃13;

.active {
  font-size: 25px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="menu-list size-list-items">
  <a class="size-list-item" data-type="25m2" href="#000" onclick="void(0)">25м2</a>
  <a class="size-list-item active" data-type="50m2" href="#000" onclick="void(0)">50м2</a>
  <a class="size-list-item" data-type="80m2" href="#000" onclick="void(0)">80м2</a>
</div>

＆＃13;

Answer 1

它不起作用，因为您正在删除一个类，然后将一个类添加到同一个元素中。所以它取消了它。还可以尝试添加＆＃34; touchstart＆＃34;而不是＆＃34; touchend＆＃34;。

此外，因为你有onclick =＆＃34; void（）＆＃34;在元素中它将停止每次点击这个元素的工作，所以它不应该在那里。

Answer 2

问题不在于点击，它工作正常。在WKWebView中，如果要控制缩放或一般大小调整，则需要设置视口。只需将它放在你的HTML中它就能正常工作：

<meta name="viewport" content="initial-scale=1.0" />

点击上的jQuery无法在移动设备

2 个答案: