ちょうどちょっと言われるようにピクセル

Question

のクロムモバイルで働いていないimg to fadeToggle divをクリック/タッチします。それはいくつかのOSとすべてのiPhoneの範囲、いくつかのブラウザで動作しますが、クロムを使ってPixel上でテストするとうまくいかない。私の電話を使って、それはオペラミニとファイアフォックスで動作します。

HTML：

<div class="contact-box row"> 
     <a href="https://www.facebook.com/Abaladi%C3%A7a-Algarve-Craft-Beer-797257403729657/" target="_blank"> 
      <img class="fb-icon icon" src="./resources/icons/Facebook.svg" alt="facebook"> 
     </a> 
     <img class="mail-icon icon" src="./resources/icons/Email.svg" alt="email"> 

jQueryの

var msg = $('.mail-icon'); 

var form = $('.form-box'); 

msg.on('click touchstart', function() { 
    form.fadeToggle(); 
    return false; 
}); 

Abaladica

Answer 1

このコードを試してみてください。

var msg = $('.mail-icon'); 
var form = $('.form-box'); 
$("body").on("click touchstart", ".contact-box .mail-icon", function(e) { 
    e.stopPropagation(); 
    form.fadeToggle(); 
    return false; 
}); 

Answer 2

リモートデバッグ問題はそのjqueryのCDN波平LOADIした後十分に速い。ちょうどgoogleapisのcdnにそれを変更し、それは今働いています。