jQuery .load() 不能在线工作，但可以在我的本地驱动器上工作

Question

这段代码在我家里的电脑上运行良好（不是在线），但是当我将它完全上传到我的服务器时（与我家用电脑上的所有代码相同），jQuery 代码不想工作。 当您将鼠标悬停在图像上时，P 元素 P1 应该将文本值更改为 .txt 文件所说的内容。我无法在 sn-p 中附加 .txt 文件，因此我的示例无法完美反映。我输入随机文本只是为了了解应该发生的事情。通常，P1 是空白的，当鼠标悬停在 IMG 上时，文本值会更改为 .txt 状态。

我觉得这与我加载 .txt 文件时有关，它可能在错误的目录中查找

$(document).ready(function() {
  $('img').mouseover(function() {
    $('#p1').load('file.txt');
  });

  $('img').mouseout(function() {
    $('#p1').html('');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://placehold.it/200x100" hspace="15"></img>
<img src="http://placehold.it/200x100" hspace="15"></img>
<img src="http://placehold.it/200x100" hspace="15"></img>
<p id="p1">sdfsd</p>

Answer 1

编辑 您的服务器似乎没有提供 .txt 类型的文件（当我尝试访问我得到 404 的 URL 时），因此您需要将文件扩展名更改为其他内容，例如.html。

除此之外，请参阅下文，了解如何使用绝对路径而不是相对路径（这将确保您的 js 代码在您网站的每个页面中都能正常工作，而不管当前访问页面的路径如何）。

如果文本文件位于网站根目录下，则应使用

$('#p1').load('/file.txt');

而不是

$('#p1').load('file.txt');

（注意'/'）。这样，无论当前路径如何，它都将始终有效。

如果文件位于子目录中，则显然要编辑，那么它应该类似于

$('#p1').load('/path/to/file.txt');

根据您提供的信息编辑 2 应该是

$('#p1').load('/jquery/file.txt');