javascript - Jquery 仅适用于 ui-sref 后重新加载

Question

设置

我有一个带有index.html的网页，其中包含很多脚本。

如果用户点击:

<button ui-sref="SCMCompanyWizard()">
    <span>Add New Company</span>
</button>

然后我将用户发送到一个新 View 。

问题场景 1

在此 View 中，我有一个按钮无法工作，因为关联的 jquery 未加载。我收到此错误:

TypeError: Cannot read property 'show' of undefined

但是，如果用户刷新页面，它就会起作用。

问题场景 2

因此，我在 html 顶部的辅助包含 View 中添加了一个脚本。我添加了<script>...</script>包括。现在，index.html 和辅助 html 页面都包含了脚本。

如果用户转到该页面，这将使其正常工作，但如果用户重新加载页面，该按钮将失败。

问题

如何制作一个适用于这两种情况的网页？

注意:

这个问题已在许多不同的情况下被提出，例如:Why do I have to refresh my page for a javascript function to work?

但是答案data-ajax="false"在 Angular 上下文中不起作用

更新1

向我的 ui-sref 按钮添加 ui-sref-opts="{reload: true, notification: true}"不起作用。

我不知道为什么，这是因为我认为它会在用户单击链接时强制重新加载。

我将此按钮选项与仅在索引页上的 配对。

Answer 1

a. (如果不是这样)将 js/jq 代码放入加载函数中，以确保在调用任何代码之前加载整个页面$(函数() {})

b. (计划 b)将代码移至 html 底部，以确保在调用代码之前页面当前已加载。

c.如果您的代码是动态创建的，请确保在渲染动态 DOM 后“激活”它。 (代码渲染后调用“on”事件)

嗨，