javascript - jQuery "on click"不适用于 ios/safari

Question

我知道这里有很多链接可以解决我的问题，但没有一个可以解决我的问题。我有这样的代码

$('[name=pie]').on('click change touchstart tap', function() {
  $('#summary_pie').html($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="input-item">
  <input type="radio" name="pie" id="pie-wheat" value="Tortilla pszenna">
  <label for="pie-wheat" onclick=""><img src="img/pie-wheat.png"></label>
  <p class="description">Tortilla pszenna</p>
</div>

<p>Tortilla: <span id="summary_pie"></span></p>

它适用于 chrome 等，但不适用于 ios。我试过: - 添加光标:指针 - 添加空的点击 - 添加触摸事件但没有任何效果。在我的 php 中，我只有 2 个 css(reset.css 和我自己的)。删除它们不起作用。请帮助我。

Answer 1

我刚刚修改了点击事件调用代码，并在 ios 设备上测试了相同的代码。所以它可能会解决您的问题。试试这个

$(document).on('click change touchstart tap','[name=pie]', function() {
  $('#summary_pie').html($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="input-item">
  <input type="radio" name="pie" id="pie-wheat" value="Tortilla pszenna">
  <label for="pie-wheat" onclick=""><img src="img/pie-wheat.png"></label>
  <p class="description">Tortilla pszenna</p>
</div>

<p>Tortilla: <span id="summary_pie"></span></p>