首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Tumblr的子域上的Respond.js

使用Tumblr的子域上的Respond.js
EN

Stack Overflow用户
提问于 2012-05-25 13:44:42
回答 2查看 2.2K关注 0票数 2

My website正在响应。blog section使用了一个指向Tumblr的子域,但是跨域版本的Respond.js无法工作。我正在做这个:

代码语言:javascript
复制
<script src="http://www.stevechab.com/scripts/respond.min.js"></script>
<link href="http://www.stevechab.com/scripts/respond-proxy.html" id="respond-proxy" rel="respond-proxy">
<link href="http://www.stevechab.com/scripts/respond.proxy.gif" id="respond-redirect" rel="respond-redirect">
<script src="http://www.stevechab.com/scripts/respond.proxy.js"></script>

我假设问题是respond.proxy.gif和respond.proxy.js不在blog.stevechab.com上...但这不是违背了拥有跨域版本的Respond.js的目的吗?我的假设是正确的,还是我错过了什么?有没有解决这个问题的办法?

注意:我尝试过http://www.tumblr.com/themes/upload_static_file ...没有骰子。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-05-25 23:54:02

引用respond.js自述文件:

Respond.js的工作原理是通过AJAX请求CSS的原始副本,所以如果您在CDN (或子域)上托管样式表,您将需要上传一个代理页面来实现跨域通信。

-我的重点。跨域版本的目的是让您能够处理从另一个域加载的样式表,而不是respond.js正在处理的域。然而,在Tumblr的例子中,你添加了第三个域:static.tumblr.com,你的代理脚本和gif就是在这里登陆的。这不可能,也不会奏效。

票数 3
EN

Stack Overflow用户

发布于 2012-09-13 04:11:15

@Steve Chab,

respond.js和respond.proxy.js不适合你有两个原因。

  1. 您在原始域中有respond Proxy.html文件,而该文件应该是从您的子域(blog.stevechab.com)或任何其他外部域提供的。
  2. 当使用相对url链接到css文件时,respond.js / respond.proxy.js似乎存在错误。要修复它,请使用绝对url。您的主站点使用css样式表的相对url,而您的博客使用绝对url。

代码语言:javascript
复制
- _Note: Bug is caused by respond.proxy.js ajax/xml functions_

请在下面找到重新修改的工作标记,让respond.js & respond.proxy.js在你的网站上工作。

代码语言:javascript
复制
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://www.stevechab.com/styles/styles.css">
<!--[if (lt IE 9) & (!IEMobile 7)]>
<link href="//blog.stevechab.com/scripts/respond-proxy.html" id="respond-proxy" rel="respond-proxy">
<link href="//www.stevechab.com/scripts/respond.proxy.gif" id="respond-redirect" rel="respond-redirect">
<![endif]-->
</head>
<body>
<!-- Your content goes here. -->

<!--[if (lt IE 9) & (!IEMobile 7)]>
<script src="//www.stevechab.com/scripts/respond.min.js"></script>
<script src="//www.stevechab.com/scripts/respond.proxy.js"></script>
<![endif]-->
</body>
</html>

  • http://github.com/scottjehl/Respond

上的GitHub

  • Respond.js

用于Wordpress

  • http://wordpress.org/plugins/respondjs/

  • Respond.js插件

推特Bootstrap

  • http://getbootstrap.com/getting-started/

使用的

  • Respond.js

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10749070

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档