javascript - 我怎样才能在移动浏览器中隐藏一些div?并显示新的div。

标签 javascript php jquery mobile detect

我的网站中有以下两个 div,

<div class="desktop_1">some desktop site data 1</div>
<div class="desktop_2">some desktop site data 2</div>

我要问的是,当浏览此页面时,任何移动设备在两次潜水之前都被禁用,并显示以下新的div

<div class="mobile_1">some mobile data 1</div>
<div class="mobile_2">some mobile data 2</div>

如果检测到移动设备禁用前两个潜水,然后显示后两个潜水......我怎么能算出来。??? 我希望你明白我的意思...

谢谢

最佳答案

 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)   )   
  {
    $(".desktop1").hide();
    $(".mobile_1").show();
   }

未经测试的代码!我想应该可以工作...您可以查看更多解决方案 here

关于javascript - 我怎样才能在移动浏览器中隐藏一些div?并显示新的div。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20452501/

相关文章:

javascript - JSON XMLHttpRequest POST/PUT 到 Cherrypy 应用程序 - 没有获取数据

javascript - 如何在 silviomoreto 的 Bootstrap-Select 上添加选项值

php - 使用 htaccess 重定向到另一个文件夹并隐藏文件夹的名称

php - 将对象实例化为方法/函数调用中的参数是不好的做法吗?

php - 使用 PIN 码将用户登录到 Laravel

javascript - jquery ui - 如何使用谷歌 CDN

javascript - 为什么我在 select2 : Uncaught TypeError: Cannot read property 'hasClass' of null? 上遇到这个 javascript 异常

javascript - 如果没有匹配项,正则表达式返回 null

JavaScript 数组层次结构

javascript - 如何检查加载时卡住的网站?