javascript - pjax; 注入内容中的某些脚本在页面刷新时不起作用

Question

我根据这篇文章用 NancyFx 和 pjax 构建了一个应用程序：

我的基础工作很好。当我单击链接时，我的内容被加载并且该内容中的 ajax 表单工作正常。

但是，当我按 F5 并刷新页面时，某些 javascript 不会运行。

例如，表单包含一个 div，该 div 在表单提交后显示以显示成功/错误消息。当使用以下代码加载表单时，此面板将隐藏：

$('#successPanel').hide();

如果我单击一个链接并 pjax 加载内容，那么成功面板将被隐藏。问题是当我按 F5 并强制刷新页面时，此代码不起作用。js 在 pjax 注入的内容中包含的文件中，如下所示：

<script type="text/javascript" src="/Content/js/formIncomeExpenses.js"></script>

我在该文件中有一个 console.log ，刷新页面时会调用它。但是successPanel 仍然可见。

我的布局包含 jquery 和 pjax 脚本以及我从这里使用的表单插件：

我也在使用 Bootstrap 和 Datatables.net。所有这些都可以正常工作，并且该应用程序的非 pjax 版本也可以正常工作。

任何想法我做错了什么？

score 0 · Accepted Answer

Thnkfully，结果证明这只是 DOM 没有准备好并使用它解决了问题的情况：

$(document).ready(function() { // hide the success panel $('#successPanel').hide(); });

1 回答 1