时间戳

首页 > 解决方案 > 路由更改时未加载第三方库

jquery - 路由更改时未加载第三方库

问题描述

在我进行路由导航后，我有一个关于 js 文件不起作用的问题。

1.这是我的脚本文件

$(document).on('page:change', function () {
    $('#wsnavtoggle').click(function () {
        $('.wsmenucontainer').toggleClass('wsoffcanvasopener');
        $('.wsmenucontainer').removeClass('wsoffcanvasopener02');
    });
    ....
});

2.我在 index.html 文件中包含我的 js 文件和 jquery 库

  <!-- JQUERY -->
  <script src="assets/js/jquery-3.2.1.min.js"></script>
   ....
  <!-- MENU REPONSIVE -->
  <link rel="stylesheet" type="text/css" media="all" href="assets/style/webslidemenu.css">
  <script type="text/javascript" src="assets/js/webslidemenu.js"></script>

3.在 login-page.component.ts ，我在登录方法中使用路由导航

login(e) {
 ...
  this.router.navigate(['/main']);
 }

4.这是我的路由


{   
        path: 'member',
        component: MemberPageComponent,
        children: [
            {path: '', redirectTo: 'login', pathMatch: 'full'},
            {path: 'login', component: LoginPageComponent}
        ]
    },

    {
        path: 'main', 
        component: MainPageComponent,
        children: [
            {path: '', redirectTo: 'trade', pathMatch: 'full'},
            {path: 'trade',  component: TradePageComponent}
        ]
    }

5.当myapp登录成功并导航到主页时，我尝试使用滑动菜单栏测试我的脚本，它不起作用。如果我刷新此页面，它确实有效。

我需要在导航后让它工作。请帮帮我

标签： jqueryangular

解决方案

推荐阅读