我做路由导航后，我的js文件无效

Question

我执行路由导航后，我的JavaScript文件在角度4上不起作用。

1. 这是我的脚本文件：

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

2. 我在index.html文件中包含了js文件：

   <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登录成功并导航到主页面时，我尝试使用幻灯片菜单栏测试我的脚本，它不起作用。 如果我刷新此页面，它确实有效。

我需要在导航后使其工作。