jQuery“点击”在 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。我试过了： - 添加光标：指针 - 添加空的onclick - 添加touchend事件 但没有任何工作。在我的 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>

Answer 2

试试

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