Javascript Microsoft Word文档的jQuery加载（函数）

这是一个学校项目，课程在线，不再精确。我想结合使用.loadfunction和.click函数，因此当我单击相应的单词时，我会在content div中得到下面相应的文本。这是我的代码，到目前为止不是很好，我承认

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

    });
});
</script>

---

我想让它成为这样，当我点击它把它放在内容div在顶部之前的其他文本

首先尝试使用txt文档：

<script type="text/javascript">
$(document).ready(function() {

    $('.selection').click(function() {
        $('.selection').load('test.txt');

    });
});
</script>

从jQuery文档中：

描述：从服务器加载数据并放置返回的HTML 进入匹配的元素

这对您不起作用，因为您使用的是.docx文件类型，它不会返回html甚至常规文本。它可能会设法做些什么，但输出很可能是乱七八糟的。服务器上是否有此按摩.docx文件

以下内容根本不起作用：

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

我想你的意思是注意，你必须在这里使用字符串：

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

但这仍然不起作用，因为您试图将MicrosoftWord文档作为HTML加载，而这根本无法正常工作。您应该将您的按摩.docx转换为常规文本或html文件-将其上载到调用此javascript的同一位置的服务器，然后重试

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

编辑：

如果要确保单击完全正常，可能需要添加一些检查：

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

---

你用的是什么浏览器？您在本地主机、服务器、文件上。从文件加载可能无法工作我从未使用过docx，也不知道jquery支持加载哪些文件。看起来他可能想加载message.docx而不是按摩。docx lolIt是我为我的项目创建的一个Spa和美容院网站，它是按摩。txt，我把它改成了，然而，我认为问题实际上在于我的div标签…因为某些原因，它们现在无法点击。

按摩面部激光毛发治疗/电解指甲

您应该将div宽度和高度设置为200px，背景颜色：ddd；您还可以添加警报“单击”；在点击功能的顶部，该死的，你们真的是指按摩.docx！哈哈哈。正如Roko所指出的，这与专门询问.docx文件而不是.txt文件的问题无关。加载将是异步的，从而完成加载！打印不准确。更准确的是：$.selection.loadmassage.docx，函数{alertLoading Finished！；}；。