个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我的网站上有一个表单，用户可以在其中发布任何内容。他们提交后显示成功消息，我想在页面顶部显示该成功消息，但我不能，因为它在另一个 div 中，所以它只能显示在该 div 中。
索引
<section id="page-title">
<?php if ($msgDiv) { echo $msgDiv; } ?> <!-- This is how I display my success or warning alert box -->
<div class="container" id="container2">
<div class="row">
<div class="col-md-12 title togglePanel">
<div class="row">
<!-- rest of code -->
警告框的 PHP:
/* missed code */
$stmt->execute();
$msgDiv = alertBox($confPosted,"", "success");
// Clear the Form of values
$_POST['firstName'] = $_POST['confessText'] = $_POST['answer'] = '';
$stmt->close();
}
} else {
$msgDiv = alertBox($captchaErrorMsg, "<i class='fa fa-warning'></i>", "warning");
$toggleOpen = ' in';
}
}
}
其余的代码很大，但我无法在页面顶部显示它，因为它在 page-title(表单部分)内，如果我把它放在外面，它甚至不会显示。
所以我希望在提交表单后出现的成功消息显示在页面顶部而不是那个 div 中。
这是需要用 JavaScript 完成的事情吗？
最佳答案
如果直接在body中添加消息div
<body>
<div class='message'> This is the message </div>
...
</body>
并添加样式
.class {
position: absolute;
top: 0;
left: 0;
}
然后只需添加一个应该触发显示属性的事件。
关于javascript - 如何在顶部显示成功消息，而它在内部 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53678632/
26
4
0
我正在使用 jQuery 的 $.ajax 函数来提交表单，它可以工作，但成功正是我遇到问题的地方。这是我的代码: $("#form").submit(function () { $.
我正在使用动态分页。 我需要在开始另一个事件之前取消 jQuery ajax 中的 success 事件。 我已经设置了一个等于$.ajax()的变量，在这样做之前，无论如何我都会调用abort。 问
如果我错了，请纠正我，但我对 $.post 成功/失败的理解是，如果 url 有效，这将返回成功。唯一会返回失败的情况是 url 无效。 如果这是真的，我如何验证成功函数？我问的原因是无论发生什么，即
HANDLE hFile = CreateFile(LPCTSTR("filename"), // name of the write
我正在使用以下代码发送短信。但这似乎不会在未发送短信时产生异常。例如，当没有足够的钱发送时，我仍然会去 smsSucces();有没有人知道解决此问题的方法以确保它已发送？ private b
我正在尝试将字符串转换为 DateTime，在一台计算机上，它工作正常，但在另一台计算机上，它却不行!它运行的计算机运行的是 32 位 Windows 7，它不运行的计算机运行的是 64 位 Wind
我在页面上使用表单让用户输入将用于各种目的的图像的 url。我正在编写一个 ajax 方法来确定他们提供的 url 是否实际上是图像。到目前为止，我已经这样做了: $(document).on('re
我在 jquery 中对 php 脚本进行 ajax 调用。但是 php 脚本需要返回什么才能触发 ajax 中的成功/错误处理程序。所以这是 ajax: $.ajax({ data:
几个简单的问题: 对于 native 和 Flash/Silverlight 垫片来说，成功事件是“规范化”事件吗？记录的示例表明它仅适用于 Flash/Silverlight 对象准备就绪的情况。
这个问题不太可能对任何 future 的访客有帮助；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于互联网的全局受众。如需帮助使这个问题更广泛适用，visit the h
我尝试使用新的 Groovy Grape Groovy 1.6-beta-2 中的功能，但我收到一条错误消息； unable to resolve class com.jidesoft.swing.J
我正在使用 sequelize/nodejs/express/react 将实体持久化到 postgres 数据库 我有两个主要模型，国家和事件，我正在使用该应用程序，并且有一个名为“保存到数据库”的
我有以下代码，其中有 2 个电子邮件输入字段，我需要验证它们是否相同，并且使用 jQuery validate equalTo 成功运行。 Email Address
我正在尝试找出解决此问题的正确方法。 假设我们有一家元素商店。这些项目可以编辑、删除和创建。编辑或添加项目时，路线更改为/item/add 或/item/edit/{id}。 在 saga 成功添加或
这个问题已经有答案了: How do I return the response from an asynchronous call? (42 个回答) 已关闭 8 年前。 我有这段代码，警报工作正常
Closed. This question needs to be more focused。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅关注editing this post的一个问题。
我想在单击超链接 (.remove_resort) 时(成功的 ajax 调用后)删除超链接的(父)跨度。 虽然ajax调用成功，但是最后span并没有被移除。这里出了什么问题？ 请记住:有几个类
我正在编写一个非常简单的程序来将鼠标剪辑到指定的窗口。它从系统托盘运行，没有可见窗口。由于同一窗口会有多个实例，因此它使用 EnumWindows() 迭代每个顶级窗口，并将它们的 hwnd 与 Ge
我正在尝试找出如何执行 if 语句，以便如果玩家的击球率超过 0.250，则会为成功的 tr 添加一个类别。 我发现了以下堆栈问题，但我不确定可以使用或应该使用哪种方式以及如何使用这些堆栈问题。 ht
我是 Prolog 的新手，我正在尝试解决这个练习: Define a predicate greater_than/2 that takes two numerals in the notation
我是一名优秀的程序员,十分优秀！