jquery/ajaxshoutbox 不刷新内容但确实提交

Posted 2023-02-22

【中文标题】jquery/ajaxshoutbox 不刷新内容但确实提交

【英文标题】：jquery/ajax shoutbox does not refresh content but does submit

【发布时间】：2011-10-04 06:36:42

【问题描述】：

我目前正在为一个乐队网站制作一个喊话箱。它几乎完成了（除了它的样式）。 喊话箱的整个概念有效。您可以输入您的姓名和信息，它会提交。 但是，脚本中有一个函数可以使 div 刷新。这不知何故不起作用。 你可以在这里试试： http://basenharald.nl/3d/#shoutbox

如果您提交，您将看不到您的消息，现在如果您按 F5，您就会看到。这意味着喊话框可以工作，它根本不会刷新。

我使用了与此处相同的代码： http://www.ajaxdaddy.com/demo-jquery-shoutbox.html

我认为 jquery 脚本与其他脚本有某种冲突？

谁能给我一个coden-p来让这个代码工作？提前致谢！

【问题讨论】：

这也发生在我的示例页面上。如果我提交一次，然后提交另一个喊出，它不会刷新。只有在单击刷新后，我才会看到我输入的第二个喊话。

我在使用你的喊话箱时遇到了一些问题，图片在上面我用 firebox 删除它：o

我似乎无法点击 Firefox 或 Chrome 中的输入框。我猜是因为 Awea 提到的图片问题。

您只希望您的网站在 IE 上运行吗？

不，我不会，我稍后会关注这些问题。

【参考方案1】：

消息被添加到页面。您可以在 DOM 中看到它。但是它从未显示，因为您的脚本从未将元素 style.display 设置为“块”。

对$('input[@name=message]').attr('value', '').focus();（第316 行）的调用引发了一个由jQuery 生成的无法识别的表达式错误。

看来您使用的是较新版本的 jQuery。导致错误的原因。

删除此行应使其再次工作。要修复这条线，我认为你只需要删除'@'

【讨论】：

非常感谢 Gerben，工作就像一个魅力。我一直在大海捞针。不知道为什么我没有想到这个简单的解决方案。享受你的赏金:)