加载()CSS不适用于Mac版Safari 6,适用于Chrome和Firefox
我有一个奇怪的问题。我有一个PHP控制器,可以动态生成HTML,加载()CSS不适用于Mac版Safari 6,适用于Chrome和Firefox,css,jquery,Css,Jquery,我有一个奇怪的问题。我有一个PHP控制器,可以动态生成HTML,jQuery.load()调用它来更新网站的主要内容区域,而无需更新页眉或页脚 在Firefox和Chrome for Mac OS中一切正常,但当我完全清除缓存并在Safari 6 for Mac OS X中加载页面时,这些样式只应用了一部分(它们与此CSS类中的所有项目相同): 如果我重新加载页面并进行导航,那么这次jQuery将触发另一个.load(),效果很好,如下所示: 其他帖子说要将CSS作为.load()回调重新加
jQuery.load()
调用它来更新网站的主要内容区域,而无需更新页眉或页脚
在Firefox和Chrome for Mac OS中一切正常,但当我完全清除缓存并在Safari 6 for Mac OS X中加载页面时,这些样式只应用了一部分(它们与此CSS类中的所有项目相同):
如果我重新加载页面并进行导航,那么这次jQuery将触发另一个.load()
,效果很好,如下所示:
其他帖子说要将CSS作为.load()
回调重新加载,但这似乎不是问题所在,是吗
这是虫子吗?它在另外两个浏览器中工作
更新:
下面是为.load()
css是如何嵌入的?在静态标题中:
你可以发布你的代码吗?是的,你也可以发布一个实时示例吗?它太复杂了,无法在JSFIDLE或其他任何网站上发布,所以请查看实时站点。
$("#main-content").on("click", "#residential a, #commercial a, #industrial a", function() {
var link = $(this).attr("href");
link = link.slice(1);
if (link == window.name) {
}
else {
window.name = link;
$("#main-content").fadeOut(500, function() {
$(this).load('index.php?jQueryLoad=true&url=' + link, function() {
$("#carousel").show();
flexsliderload();
});
$(this).fadeIn(500);
});
}
return false;
});