Jquery仅在ui-sref之后重新加载

时间:2018-04-19 20:52:25

标签: javascript jquery angular

SETTING

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

如果用户点击:

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

然后我将用户发送到新视图。

问题情景1

在这个视图中,我有一个不起作用的按钮,因为相关的jquery没有加载。我收到这个错误:

TypeError: Cannot read property 'show' of undefined

但是,如果用户刷新页面,它将起作用。

问题情景2

所以,我在html顶部的二级包含视图中添加了一个脚本。我添加了一个<script>...</script>包含。现在index.html和辅助html页面都有脚本include。

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

问题

如何制作适用于这两种情况的网页?

注意:

在许多不同的背景下都会提出这个问题,例如:Why do I have to refresh my page for a javascript function to work?

但答案data-ajax="false"在角度

的上下文中不起作用

更新1

添加ui-sref-opts =&#34; {reload:true,notify:true}&#34;我的ui-sref按钮不起作用。

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

我将此按钮选项配对,只在索引页面上显示。

1 个答案:

答案 0 :(得分:1)

一个。 (如果不是那样的话)将js / jq代码放在load函数中以确保在调用任何代码之前整个页面都已加载 $(function(){ })

湾(计划b)将代码移动到html的底部,以确保-again-在调用代码之前当前加载页面。

℃。如果您的代码是动态创建的,请确保&#34;激活&#34;在呈现动态DOM之后。 (在呈现代码后调用&#34; on&#34;事件)

HIH,