jQuery load(function) for a Microsoft Word Document

jQuery load(function) for a Microsoft Word Document

本文关键字：Microsoft Word Document for load function jQuery      更新时间：2023-09-26

这是针对学校项目的，该课程是在线的，不再非常准确。我想将 .load（function） 与 .click 函数结合使用，因此当我单击相应的单词时，我在内容div 中得到下面的相应文本，这是我到目前为止的代码（我承认不是很好。

<script type="text/javascript">
$(document).ready(function() {
    var massage=('massage.docx')
    $('.selection').click(function() {
        $('.selection').load(massage.docx)
    });
});
</script>

我想让它在我单击时将其放在顶部的"内容"div 中，然后再放在其他文本之前。

来自jQuery文档：https://api.jquery.com/load/

说明：从服务器加载数据并放置返回的 HTML 到匹配的元素中。

这对你不起作用，因为你使用的是不会返回html（甚至常规文本）的.docx文件类型。 它可能会设法做一些事情，但输出可能会乱码。 服务器上有此massage.docx文件吗？

以下根本不起作用：

$('.selection').load(massage.docx)

我认为你的意思是（请注意，你必须在这里使用一个字符串）：

$('.selection').load("massage.docx")

但这仍然不起作用，因为您正在尝试将Microsoft Word文档加载为HTML，而这根本无法正常运行。 你应该把你的按摩.docx转换为常规文本，或者一个html文件 - 把它上传到你调用这个javascript的同一位置的服务器，然后再试一次。

此外，使用浏览器的 javascript 控制台检查 JS 错误。 在 chrome 中，您可以通过右键单击任意位置，选择"检查元素"，然后切换到检查器工具上的"控制台"选项卡来执行此操作。

编辑：

如果您想确保点击完全有效，您可能需要添加一些检查：

$(document).ready(function() {
    var massage=('massage.docx');
    $('.selection').click(function() {
        alert("Clicked!  Attempting to load...");
        $(this).load(massage, function(){
            alert("Loading finished!");
        });
    });
});

先尝试使用 txt 文档：

<script type="text/javascript">
$(document).ready(function() {
    $('.selection').click(function() {
        $('.selection').load('test.txt');
    });
});
</script>
相关文章：