Question

我刚推出了我的新网站 - mollycampbelldesign.com

虽然它还不适应移动用户，但我决定让网站上线并继续前进。到目前为止唯一的问题是左上方的电话图标 - 现在您只能通过点击电话图标来切换电话号码。我做到了这一点，所以移动用户可以点击手机＃而不会让盒子滑出。但是，当您在桌面上查看时，能够单击整个数字框以使其消失将是一件好事。有没有办法让移动用户获得一组代码，桌面用户又获得另一组代码？

HTML code：

<div class="call-button"><p>Call Now: <a href="tel:8013827471">801-382-7471</a></p> <img src="/wp-content/themes/boilerplate/images/phone.gif" alt="Call Now"/></div>

JS代码：

$(document).ready(function() {
$(".call-button img").toggle(
   function() {
     $(".call-button").animate({ left: "0" }, 1000 );}, 
   function() { 
    $(".call-button").animate({ left: "-225px" }, 1000 );
  });
});

Answer 1

这是一种快速而又肮脏的方式：

var isTouchDevice = "ontouchstart" in window;
if(isTouchDevice){
   //do mobile stuff
}

更改移动用户的jquery代码

1 个答案: