Question

我在verefly.com寻求帮助。我开发了这个网站，其中有一个在线主题，并做了必要的更改。我的问题是浏览器从原始大小减少时的导航菜单，不扩展。它应该理想地做到这一点，并在几天前正常运行。

普通网站如下：

enter image description here

当浏览器缩小尺寸时，网站看起来有所不同：

enter image description here

在上图中，您将看到导航菜单，但Plus标志不再可点击。它也没有扩大。我无法理解我可以在哪里改变它再次工作。

我将不胜感激任何帮助。*

*我尝试检查辅助菜单是否存在问题，但没有明显的问题*

Answer 1

您遇到的问题是由于$(document).ready永远不会被解雇，所以（基本上）custom.js文件中的所有代码都没有被执行。

正如已经指出的那样，这是因为页面中间的jwplayer实例化（在第399行）失败了。 jwplayer希望您传入容器元素的ID，但页面上不存在ID为mediaplayer_vid_5的元素。

因此，您需要完全删除此脚本，或者确保传入实际在页面某处使用的ID。一旦你完成了其中的一个，一切正常。

Answer 2

嗯......我明白了。尝试删除或关闭脚本，如下所示。可以解决问题。

jQuery(document).ready(function(){
       jwplayer("mediaplayer_vid_5").setup({
       "autostart" : "true",
        "controlbar" : "bottom",
        "file" : "http://www.youtube.com/watch?v=pGoCeTMgLE0&feature=youtube_gdata_player",
        "flashplayer" : "http://verefly.com/wp-content/plugins/cool-video-gallery/cvg-player/player.swf", "volume" : "70","width" : "640",
                            "height" : "480",
                            "image" : "http://i.ytimg.com/vi/pGoCeTMgLE0/0.jpg",
                            "mute" : "false",
                            "stretching" : "fill",
                            "skin" : "http://verefly.com/wp-content/plugins/cool-video-gallery/cvg-player/skins/glow-skin/glow.xml"
                        });
                    });

NEW UPDATE： 此脚本位于“ Ville中的Vault！”一文中，让您在wordpress管理员的帖子中查看，在那里您可能会无意中插入此javascript代码。如果找到此代码，请将其删除。

请使用此网址http://verefly.com/2012/06/06/vault-in-the-ville-2/中的浏览器视图来源查看我的意思的javascript代码。

Answer 3

只需用id包装器替换div的css：

#wrapper {
  float: left;
  width: 99.9%;
  overflow: hidden;
}

Answer 4

在发布我的帖子时，您遇到了一个新问题，但是您缺少源代码底部的代码。检查此页http://verefly.com/video/上</div> 之后的代码（或其他任何内容）并将其与主页http://verefly.com/进行比较（您缺少custom.js +其他人等脚本，但您没有关闭标签，如html，body等。）

很可能你没有在主题的PHP代码中包含页脚，这些页面用在与主页不同的页面上。

Answer 5

记下浏览器大小的诽谤大小的包装类的媒体查询。如果可能的话，你也可以对图像进行处理。

希望有所帮助

当浏览器尺寸减小时，无法扩展wordpress网站的导航

5 个答案: