Question

好的，所以我正在尝试制作一个简单的内容加载器，它将演变成一个聊天程序。截至目前，我甚至无法让Jquery的.load（）函数工作。

这是我的主要档案中的重要部分：

<script type="text/javascript">
        $(document).ready(function(){
            $("#messages").load('/ajax-chat-load.php');
        });
    </script>

<div id="#messages">[No messages]</div>

这是/ajax-chat-load.php

中的内容

echo "Hotdogs are tasty";

现在，如果我的理解是正确的，主文件应该调用ajax-chat-load.php，以便在文档加载完成后将其中的html加载到#messages div中。但#messages div只保留消息[没有消息]。

Answer 1

＃代表id。你不能将它用作id ='＃message'

将您的代码更改为：

<script type="text/javascript">
        $(document).ready(function(){
            $("#messages").load('/ajax-chat-load.php');
        });
    </script>

<强> <div id="messages">[No messages]</div>

希望这有帮助。

Answer 2

你没有在html中将#放在id前面。你的messages div也是如此：

<div id="messages">[No messages]</div>

你的jQuery代码看起来很好（你做在你传递给jQuery的css路径中的id前放一个#。

简单的Jquery / Ajax加载无法正常工作

2 个答案: