文章/答案/技术大牛

发布

社区首页 >问答首页 >Safari将jQuery中的样式表加载到<style>标记中

问Safari将jQuery中的样式表加载到<style>标记中
EN

Stack Overflow用户

提问于 2011-06-08 02:56:49

回答 2查看 638关注 0票数 3

我正在做的是我有一个中间页面设置，作为其他页面的集线器，这些其他页面可以静态指定(在集线器页面内)，也可以通过提供一个url来动态指定，然后进入AJAX调用。

我的问题是单独使用Safari和Safari。当url的页面具有<style>s时，我的脚本将它们全部选中，并将它们放入hub页面的<head>中，因为这是它们应该在的位置，页面的其余部分由包装器选择并加载到hub中。Safari不喜欢看到新的风格。如果我把它们放在<div>里面，safari就看不到它们了。

因此，我正在寻找一种解决方法，使Safari能够看到为类指定的样式。我测试过Firefox4，Chrome，Opera，甚至Internet Explorer9，它们都可以工作。

请求的示例：(这是在ajax complete函数中)

responseText = jqXHR.responseText;
var dummy = $("<div></div>");
$('head').append(dummy.html(responseText).find("style"));

jquery

html

css

safari

stylesheet

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-06-09 22:44:47

Gregg，我刚刚在safari交互式控制台中尝试了以下操作

var style=$("<style></style>");
$("head").append(style);
style.text("* { color: white !important; }");

然后将页面上的所有文本都变成白色。因此，我的建议是动态创建style标记，附加它，然后添加来自另一个style标记的文本。

我认为这可能会做你想要的事情。

票数 2

Stack Overflow用户

发布于 2013-06-11 07:53:09

我在最新的Safari上遇到了类似的问题。

Related SO

附加样式细节在Chrome、IE 10和Safari中有效。

票数 0

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

原文链接：

https://stackoverflow.com/questions/6270221

复制

相似问题

问Safari将jQuery中的样式表加载到<style>标记中
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Safari将jQuery中的样式表加载到<style>标记中EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Safari将jQuery中的样式表加载到<style>标记中
EN