如何使当前的点击功能在iPad上运行

时间:2017-04-25 10:54:58

标签: javascript user-interface jquery-ui

以下代码在ipad上没有选择字段。如何让我的点击功能在iPad上运行?在桌面上工作正常而不是iPad设备。欢迎提出所有建议。



var numbers = document.querySelectorAll(".attribute__swatch-link");
var letters = document.querySelectorAll(".border");

numbers.forEach(function(box, index) {

  box.addEventListener("click", function() {

    letters.forEach(function(box) {
      box.classList.remove("showBorder");
    });

    var info = document.getElementsByClassName('box-tip')[0];

    if (index > 2) {
      info.style.left = 11 + ((index - 3) * 47) + 'px';
    }
    else {
      info.style.left = 0 + 'px';
    }
    info.style.visibility = 'visible';

    letters[index].classList.add("showBorder");

  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

请查看Touch events JavaScript。

"click"无法在iPad等多种触控设备上使用。

对于桌面和移动支持,您可以使用:

box.bind("click touchstart", function() {});