Question

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

它适用于Chrome等，但不适用于ios。我试过了： - 添加光标：指针 - 添加空onclick - 添加touchend活动但没什么用。在我的PHP中我只有2个css（reset.css和我自己的）。删除它们不起作用。请帮帮我。

Answer 1

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

试

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

jQuery＆＃34;点击＆＃34;不在ios / safari上工作

2 个答案: