Question

这是针对学校项目的课程在线，不再是非常准确。我想使用.load（函数）结合.click函数，所以当我点击相应的单词时，我在内容div中得到了相应的文字，这是我的代码到目前为止（不太好我会承认。

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

    });
});
</script>

我想这样做，当我点击它时，将它放在其他文本之前的顶部的“content”div中。

Answer 1

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

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

这不适合您，因为您使用的.docx文件类型不会返回html（甚至是常规文本）。它可能设法做某事，但输出可能会出现乱码。你在服务器上有这个massage.docx文件吗？

以下根本不会起作用：

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

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

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

但是这仍然无法正常工作，因为您正在尝试将Microsoft Word文档加载为HTML，而这只是简单地无法正常运行。您应该将massage.docx转换为常规文本或html文件 - 将其上传到与您调用此javascript的位置相同的位置，然后再次尝试。

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

编辑：

如果您想确保点击工作完全正常，您可能需要添加一些检查：

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

Answer 2

首先尝试使用txt文档：

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

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

    });
});
</script>

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

2 个答案: