jquery on tapはモバイルサファリのツールチップの位置を変更できません

Question

mousemoveがトリガーするツールチップがあるページがあります。モバイルでは、適切な場所をタップするとツールチップを見ることができますが、それを取り除く方法はありません。ちょうど回ります。私は彼らがどこにでもそれを捨てることができるようにしたい。だから私はこれを試した：

$(document).on('tap',function(){ 
    $('#tooltip').css("top", -9999); 
}) 

それは何も...何もない。私はこれにいくつかのバリエーションを試しましたが、これはうまくいくはずです。私は何が欠けていますか？ここで

はフィドルだ：私はしたいhttps://jsfiddle.net/szevtb55/

動作は次のとおりです。モバイルユーザーは、ツールチップをクリアするためにどこでもタップ、ツールチップを見るためにエリアをタップします。

Answer 1

これはjqueryと何か関係ありません。とにかく、これは動作します：

document.addEventListener('touchstart',function(){ 
    $('#tooltip').css("top", -9999); 
},false) 

Answer 2

9999ユニットを移動するのではなく、単にそれを取り除くのはなぜですか？

使用できる

：

.hide(); 

.remove(); 

.toggle(); 

または多分あなただけの携帯電話のために少しxまたは閉じるボタンを追加し、これを行うことができます：

jQuery(".close-button").click(function(){ 
    jQuery("#tooltip").hide(); 
}); 

はそれを試してみてください。それは私が考えることができる唯一の解決策です。もっと助けたいと思っています。