0

我在 Mountain Lion 上使用 Firefox 21。我有一些由 JavaScript 通过以下方式创建的 div：

     $(document).ready(function(){
        setup_teaching_points();
     });

下面的代码在 Chrome 中运行良好。Firefox 不会将任何 CSS 应用于 Teaching_point_opener_wrapper。

     <style type='text/css'>
       (...other css, none of which touches the class in question here)
       div.teaching_point_opener_wrapper { width:20px; float:right }
     </style>

     <div class="teaching_point_opener_wrapper">
        (...stuff)
     </div>

我唯一能想到的是，Firefox 在创建我的 div 之前应用 CSS，而不是在创建后尝试对它们应用任何规则。这看起来很疯狂......但是，很多事情都是如此。

这里发生了什么？

编辑：有人向我开枪。就是上面几行...

      div#diagram_results_and_thumbnail {width:25%'}

我猜 Chrome 比 FireFox 更聪明地认为我粗心。

4

1 回答 1

1

我想我有答案，但不是根本原因。Firefox 缓存页面内容的方式似乎与其他浏览器不同。我刚刚开发了一个网页，并注意到一些编辑在 Firefox 中是如何更新的，而不是其他的——不仅是 CSS，还有 HTML 编辑。如果您在新窗口中打开页面，它应该会正确更新。但是删除缓存和最近的活动并没有更新它。事实上，我需要打开一个隐身窗口来显示新鲜内容！为什么会发生这种情况超出了我的理解。

于 2014-12-12T15:01:17.867 回答