小编AC8*_*C88的帖子

我正在使用Bootstrap我的响应框架.

我在Bootstrap CSS文件下面有自己的样式表,里面有自己Media Queries的...但是当我在我的网页上查看我的网页时iPhone 4,heading并且tags不要改变以符合我想要的方式在我的手机上.

这是我的代码看起来的代码片段:

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">

我设置Media Queries如下.....

  /* Large desktop */
  @media (min-width: 1200px) { ... }

  /* Portrait tablet to landscape and desktop */
  @media (min-width: 768px) and (max-width: 979px) { ... }

  /* Landscape phone to portrait tablet */
  @media (max-width: 767px) { ... }

  /* Landscape phones and down */
  @media (max-width: 480px) { ... …

有一点问题

点击后得到四个链接我想从外部html页面加载内容到一个叫做内容的div,它向下滑动并显示来自外部html页面的内容,但我想使用链接中的href来加载特定的div来自外部html页面的标签..我几乎就在那里错过了最后一部分..我似乎无法在我的jquery load语句中使用我的变量..

这就是我到目前为止所拥有的......

    $("#services a").click(function(){
     var href = $(this).attr("href");
      console.log(href)
      $('#content').slideToggle(function(){
       $("#content").load("services.html" + href); 
      });
    return false;
    });

如果有人能指出我如何在选择不同的链接时滑回内容div,然后显示该链接的内容..会很棒..

多谢你们..