2017-04-25 10 views
0

以下のコードはipadのフィールドを選択しません。私のクリック機能を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>

+0

は、スタックオーバーフローへようこそ!問題の声明が単に「動作しない」場合は、ソリューションを提供することは困難です。実際の結果とどのように違うのか、そしてどのようなことが起こるのかをより完全に説明するために質問を編集してください。何が良い説明になるかについてのヒントについては、[ask]を参照してください。 –

答えて

0

JavaScriptがTouch eventsをチェックしてみて下さい。

"click" iPadのような複数のタッチデバイスでは機能しません。あなたが使用することができ、デスクトップとモバイルサポートについて

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

+0

それはデスクトップもカバーしますか?デスクトップとiPadで起動する機能が必要です。 – Olivbelle

+0

touchstart、クリックするとマイコードが壊れますが、まったく発砲しません。 – Olivbelle

+0

デスクトップとモバイルの場合、 'box.bind(" touchstart "、function(){})'を使用することができます - 詳細については、[公式W3ソース](https://www.w3.org/TR/touch-events /) – Felix

関連する問題