Question

因此，我尝试在用户点击图标时将文本插入到span标签。这是html：

  <div class="contact-method-div email-div">
    <img class="icon gmail" src="gmail-icon.png" alt="Gmail icon">
    <span class="js-email-label contact-label"></span>
  </div>
  <div class="contact-method-div github-div">
    <img class="icon github" src="Github-logo.png" alt="GitHub icon">
    <span class="github-label contact-label"></span>
  </div>

这是JavaScript：

$(() => {
    ...
    $('.icon.gmail').on('touchstart', () => {
        $('.contact-label').empty();
        $('.js-email-label').html('jacksurtees@gmail.com');
    });
    $('.icon.github').on('touchstart', () => {
        $('.contact-label').empty();
        $('.github-label').html('<a href="https://github.com/jsurt">
            https://github.com/jsurt</a>')
    })
});

在手机上单击图标时，电子邮件在屏幕上闪烁然后消失（我确实希望电子邮件只是文本）。如果我按住手指并拖动图标，文字将保留。但是奇怪的是GitHub部分工作得很好：我在手机上轻按它，链接就会显示并保持不变

jQuery的“ touchstart”给了我一个奇怪的问题

0 个答案: