jquery - Chrome 没有将样式表 css 规则应用于某些元素,jquery 隐藏和显示 div(屏幕截图)

标签 jquery css google-chrome behavior

你好,我在 chrome 中遇到了一个非常奇怪的问题,我无法弄清楚!

我正在创建一个在线文本浏览器游戏,我遇到的问题您可以导航至此处进行检查。

http://www.novactown.com/account?id=10003#_account

你会注意到你在一个名为 Account 的选项卡上,下面是一个黑色的 h2.playerBar(它有css .playerBar {border: 1px solid #222;})

屏幕截图

http://www.images.novactown.com/eg1.png

现在,如果您单击 friend 选项卡,它将显示帐户的 friend 。

帐户的好友显示完全与标签帐户上的h2相同,但css不应用.playerBar 类,即使该选项卡上的每个 h2 都有 .playerBar 类。

屏幕截图

http://www.images.novactown.com/eg2.png

此外,如果您导航到 friend 选项卡并按 f5,它现在将正确显示 h2 并应用 .playerBar CSS。

选项卡是动态的,并应用 onchange 绑定(bind)到 hash

我通过 W3C 验证运行它,一切都很清楚。

希望我说得足够清楚,我只是不明白为什么 chrome 会这样做,我已经检查过 IE、Mox、Safari 和 Opera,一切正常!

谢谢

最佳答案

我正在运行 Chrome,它可以正常显示,您已经修复了它还是缓存问题?当您从浏览器查看源代码时,您的标记和 CSS 显示的是您期望的内容吗?

关于jquery - Chrome 没有将样式表 css 规则应用于某些元素,jquery 隐藏和显示 div(屏幕截图),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10029783/

相关文章:

javascript - 在html中自动翻译网页

jquery - 我如何指定显示 "starts with a string and contains a character"的 jQuery 选择器

html - 在 CSS 中向列表类型添加样式

css - 防止 Div 在响应式布局中重叠

google-chrome - Chrome devtools 配置文件火焰图中的每种颜色是什么意思

javascript - 当我点击一个按钮时显示一个对话框

html - 即使内容不够长也将页脚贴在底部

html - Chrome 不显示图标

html - Google Chrome 中的后退按钮不保留单选框值

javascript - 在javascript中反序列化json对象