Javascript 使用Boostrap延迟加载隐藏内容

如何延迟加载hidden xs hidden sm div中包含的全部内容，以防止在移动设备上加载图像和链接

我需要延迟加载整个内容，而不仅仅是图像。想象一下，这是一个大菜单，桌面上有许多隐藏的类别，不需要在手机上显示

<div class="row hidden-xs hidden-sm"> 
  <div class="col-md-12">
    <img src="http://placehold.it/800x100">
    <a herf="/desktop-account/">Login</a>
  </div>
</div>  

<div class="row hidden-md hidden-lg"> 
  <div class="col-xs-12">
    <img src="http://placehold.it/300x100">
    <a herf="/mobile-account/">Login</a>
  </div>
</div>  

登录
登录

您可以通过

ajax

加载内容。因此，您需要一个

div

as容器和另一个包含要加载内容的页面

这将是第一页上的容器。内容可以通过，比如说

---

这并不是特定于引导的。你自己试过什么吗？

<div id="container">

</div>

$('document').on('ready', function() {

  if (!...) { // check for mobile device
    $('#container').load('http://link/to/content.html')
  }
}