Javascript WordPress主题在Chrome中显示不正确

我有一个问题，它是如何显示在谷歌浏览器。当我在Google Chrome中打开站点时，中心选项卡区域似乎覆盖了上面的主文本。如果你看一看，你应该能够看到我在说什么，而不是在FireFox中打开网站。我试着玩弄Z索引，但似乎无法解决它。我似乎遇到的另一个问题是滚动按钮（“如何”、“指导”和“为您完成”），突出显示仅覆盖按钮的2/3，我认为这是FancyBox的问题

---

如果有人能给我任何关于如何解决这个问题的建议，我将不胜感激

您有几个与JS相关的错误：

• 1您可以在两个不同版本中加载两次jQuery（一个在现场，一个来自google）

-->移除其中一个

• 2您在adia-paper.js中有一个错误，导致Fancybox无法正确触发，并阻止了js的执行

-->尝试改变

$（文档）.ready（函数（）{

到

jQuery（文档）.ready（函数（）{

• 3在不存在的DIV上触发fancybox（#form trigger）
  -->虽然这不是问题的主要原因，但最好只在需要时触发JS

当遇到一个大问题时，会阻止并停止执行后续的任何函数，并且你的“幻灯片”也是JS驱动的。 不同的浏览器处理这些错误的方式不同，这也取决于您自己的浏览器设置

FF-Firebug Chrome和Opera都给出了相同的Consor错误

如果您解决了所有这些问题，并且问题仍然存在，我们可以继续进行反窃听，但我非常确定其中一个问题，或者所有问题都是罪魁祸首

---

编辑I您仍然有其他错误-但我不认为它们是问题所在。但我相信这可能是因为您编辑了letabs JS并添加了一些关于高度的表达式。奇怪的是，chrome将div height

le-tabs\u content\u container

设置为58 px。我相信这是来自脚本。尝试设置e所有父/子div的高度（并删除该脚本）-它在调试器上立即对我起了作用。

以下是您的选项卡问题。在寻求帮助之前，请验证您的代码@validator.w3.org

每当您遇到这样的问题时，最好的方法之一就是验证您的代码-我在这里为您提供链接：。请注意，您有52个错误。在您清除所有错误后如果你把这些问题都解决了，你很可能会更接近于找出FF和Chrome之间的区别。所有的验证问题都与属性相关，并且似乎没有关联到选项卡区域。这可能是真的，但你会惊讶地发现，如果你把这些问题解决了，解决这些问题会简单得多。我已经把它降到了10我不知道该怎么办的错误都是“不是为任何属性指定的组的成员”。我仍然有问题，我不知道该怎么办，因为我不是这个主题的原始开发人员。我已经得到了10个错误，我不知道该怎么办，所有这些错误都是不是为任何属性指定的组的成员"。我仍然有问题，我不知道该怎么办，因为我不是这方面的原始开发人员。我已经修复了所有这些错误，而且我似乎仍然有问题。我看到Chrome调试器存在这些问题。我刚刚删除了我添加的脚本，并尝试将DIV height设置为370px，但它似乎仍然自动将我的在我的调试器上设置高度时，它可以工作-您可以尝试在容器div上设置它，并尝试添加块..我可以使用！重要的是设置初始选项卡的高度，它似乎可以工作

   $("#form-trigger").fancybox({
    'width'             : 600,
    'height'            : 526,
.....

    //contact form modal window
   jQuery("#form-trigger").fancybox({
    'width'             : 600,
    'height'            : 526,
    'autoScale'         : true,
    'transitionIn'      : 'fade',
    'transitionOut'     : 'fade'