jQuery“on click”不适用于ios / safari

问题描述 投票:0回答:2

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

$('[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和我自己的)。删除它们不起作用。请帮我。

javascript jquery html ios css
2个回答
0
投票

我刚修改了点击事件调用代码,并在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>

-1
投票

尝试

$(document).ready(function(){
$('[name=pie]').on('click change touchstart tap', function() {
        $('#summary_pie').html($(this).val());
    });
})
© www.soinside.com 2019 - 2024. All rights reserved.