Javascript 为什么我的网站不是'；是否在公共领域（万维网）中充分发挥作用？

我做了一个简单的网站。该站点在我的本地主机（我的计算机）中完全可用。这里一切正常

但当我将文件上传到web服务器以便在公共域中运行时，问题就出现了。在那里，除了布局，没有显示任何内容。没有链接或选项卡工作，正文中没有显示段落。你可以看看

为什么

我上传了所有与我的网站相关的文件（带有源代码），除了图片和视频（因为有很多图片，我会稍后再上传）

[注意：我的计算机中安装了xampp本地服务器。所有 源代码文件存储在htdocs文件夹中 htdocs文件夹我有一个名为jquery的文件夹（与一起安装） 我将.JS文件保存在JQuery文件夹中（因为 所以当我把文件上传到服务器时，我需要什么 上传整个htdocs文件夹？或者JQuery文件夹如何 （其中包含JQuery源代码）？我还需要上传吗

我的路径集如下所示：

C:\xampp\htdocs\jquery [contains the whole project's source file]         
C:\xampp\htdocs\jquery\js  [Contains only JavaScript&JQuery file]

---

我试着在你的网站上调试HTML。我在design.css的第258行找到了以下代码

#all_contents >div {
display:none;
}

删除此项（显示：无）后，您共享的网站链接上的所有内容都可用。 另外，我也不知道为什么这在你的本地计算机上运行。你确定你上传的版本与你的本地计算机上运行的版本相同吗？ 您可以通过按F12键，然后选择有问题的区域来调试网页。在右侧，您可以看到与所选元素关联的css规则

为了获取页面中的特定内容，而不是全部内容，请创建一个名为who_im.html的新文件，并将您的内容放在那里，然后您应该执行以下操作 关于我

---

这样，您还必须创建其他页面，并将超链接添加到每个页面的菜单中。

如果您检查页面并查看预期内容所在的位置，您将发现

。查看CSS文件的CSS，它显示CSS文件的第258行有以下内容：

#all_contents >div {
display:none;
}

这将导致您的所有内容无法显示。删除此项将解决此问题

---

此外，如果你在加载页面时查看浏览器控制台，你会注意到很多404试图加载各种脚本、样式表和图像。这可能是造成问题的原因。我会先解决这些问题，以确保所有内容都正确加载。

问题可能与服务器的路径dif有关来自您自己的。最好将这些路径设置为动态路径，或从根文件夹中使用它们。谢谢，这会有所帮助。但更改后，会导致另一个问题。所有页面现在都在“主页”选项卡下！但不应该是这样。单击其他选项卡不会有任何区别。就像整个网站都在“主页”菜单下一样。为什么会这样？请原谅se看这里更新的版本：jabiralfatah.com在放弃之前，花一些时间在浏览器中使用Firebug或Chrome的开发工具进行调试-我想你的导航按钮是为了改变各个区域的可见性，但是init不起作用。至少，这将为你的问题提供更多细节，在最好的情况下，你会有一个惊喜的时刻，并能够自己修复它。我会努力。但你认为我最终必须改变整个设计吗？还是可以不费吹灰之力就完成？我很沮丧。因为这不是我所期望的。我的网站在我的本地主机上正是我想要的工作方式，但在公共场合，我看到它只是在运行将我引导到同一页面中的不同部分。该链接不会将我带到不同的页面。请参见编辑-按F12并转到控制台选项卡，可以在Chrome中看到控制台。一个或多个缺少的文件可能是问题的一部分。我只是修复了这个问题，添加了一个名为style.css的页面的额外链接。但它不存在t、 这就是我从源代码中删除它的原因。这个错误是固定的。但正如你所知，我并不是在一个页面中访问所有内容。现在单击选项卡并不会将我指向另一个页面，它只是显示同一页面中的内容。在我的本地主机中，它工作正常。当我将文件上载到服务器时，它的行为是这样的。它在这里也很好：是的，我做到了。它解决了问题，但也导致了另一个问题。在我的例子中，整个网络内容现在都在一个页面中，在主页选项卡下。请看这里：事实上，这种情况正在发生，因为您只以这种方式对页面进行了编码。您正在使用内部锚定标记链接（/#who#im）您应该使用外部锚定标记来表示您正在谈论的内容。您可以参考以下关于锚定标记使用的链接是的，但是如果您看到我的jQuery代码，您就会知道：/*使选项卡工作开始*/$（文档）。就绪（function（）{$（'#all#u contents>div'）。筛选（':first'）。显示（）$（'ul li>a'）。单击（function（）{$（“#all_contents>div”）.hide（）；var$this=$（this）；var target=$this.attr（'href'）；$（target.show（）；return false；}）；/*使选项卡工作结束*/在我的本地主机和jsfiddle中也可以正常工作。请参见：jsfiddle.net/yb6urd6x