在 EmberJs 中切换路由时,Bootstrap 组件(模型、选项卡、下拉菜单)不起作用

湿婆

在 EmberJs 中切换路由时,Bootstrap 组件(模型、选项卡、下拉菜单)不起作用

我的 application.hbs 中有两个 {{outlet}},一个用于登录,另一个用于所有其他页面。

{{#if isLoggedIn}}
    <div class="main">{{outlet}}<div>
{{else}}
    <div class="login">{{outlet}}</div>
{{/if}} 

最初引导程序组件工作正常,如果我转换为登录并返回到其他路由,则其他路由中的组件无法正常工作。

之前工作的选项卡不可点击。下拉菜单不可点击。单击按钮时模型未显示。

如果我为两条路线使用相同的插座,那么它工作正常。

蒂姆

在转换更改时,ember 会彻底修改 DOM。这意味着在 DOM 结构的每次更改时,您都必须重新初始化引导程序组件。

要解决此问题,您有两个选择。

  1. 实现您自己的组件并在didInsertElement挂钩上调用特定的引导程序初始化方法
  2. 使用现有的 ember 插件,如ember-bootstrap,它提供所有引导程序组件作为 ember 组件。

我会坚持方式2。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap 3.2下拉菜单切换在iPhone上不起作用

来自分类Dev

尝试在angular js中切换菜单时data-ng-show不起作用

来自分类Dev

Reactjs 下拉菜单、弹出窗口、模态、选项卡、类切换

来自分类Dev

使用选择下拉菜单在选项卡之间切换

来自分类Dev

如何在React-Bootstrap的活动选项卡中切换CSS类?

来自分类常见问题

Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap下拉菜单不起作用

来自分类Dev

使用PagerSlidingTabStrips单击选项卡时,切换选项卡不起作用

来自分类Dev

使用PagerSlidingTabStrips单击选项卡时,切换选项卡不起作用

来自分类Dev

带下拉菜单的Bootstrap面板选项卡

来自分类Dev

带有下拉菜单的Bootstrap面板选项卡

来自分类Dev

下拉菜单中的Bootstrap选项卡窗格

来自分类Dev

Bootstrap.js 不会在 Rails 应用程序中切换时扩展移动菜单

来自分类Dev

下拉菜单切换在iPhone上不起作用

来自分类Dev

带下拉菜单的离子切换不起作用

来自分类Dev

导航栏切换按钮和下拉菜单不起作用

来自分类Dev

Bootstrap 3菜单,一个可切换选项卡并打开下拉菜单的按钮?

来自分类Dev

Bootstrap下拉菜单-显示所选项目最近的元素不起作用

来自分类Dev

Bootstrap下拉列表不起作用或未切换

来自分类Dev

当使用数据目标而不是href的选项卡时,Bootstrap选项卡不起作用

来自分类Dev

Emberjs如何从路由更新组件的属性?

来自分类Dev

Twitter Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap导航栏下拉菜单不起作用

来自分类Dev

Bootstrap 3下拉菜单不起作用

来自分类Dev

导航中的Bootstrap下拉菜单不起作用

来自分类Dev

导航栏中的Bootstrap下拉菜单不起作用

来自分类Dev

导航栏上的Bootstrap下拉菜单不起作用

Related 相关文章

  1. 1

    Bootstrap 3.2下拉菜单切换在iPhone上不起作用

  2. 2

    尝试在angular js中切换菜单时data-ng-show不起作用

  3. 3

    Reactjs 下拉菜单、弹出窗口、模态、选项卡、类切换

  4. 4

    使用选择下拉菜单在选项卡之间切换

  5. 5

    如何在React-Bootstrap的活动选项卡中切换CSS类?

  6. 6

    Bootstrap下拉菜单不起作用

  7. 7

    Bootstrap下拉菜单不起作用

  8. 8

    Bootstrap下拉菜单不起作用

  9. 9

    Bootstrap下拉菜单不起作用

  10. 10

    使用PagerSlidingTabStrips单击选项卡时,切换选项卡不起作用

  11. 11

    使用PagerSlidingTabStrips单击选项卡时,切换选项卡不起作用

  12. 12

    带下拉菜单的Bootstrap面板选项卡

  13. 13

    带有下拉菜单的Bootstrap面板选项卡

  14. 14

    下拉菜单中的Bootstrap选项卡窗格

  15. 15

    Bootstrap.js 不会在 Rails 应用程序中切换时扩展移动菜单

  16. 16

    下拉菜单切换在iPhone上不起作用

  17. 17

    带下拉菜单的离子切换不起作用

  18. 18

    导航栏切换按钮和下拉菜单不起作用

  19. 19

    Bootstrap 3菜单,一个可切换选项卡并打开下拉菜单的按钮?

  20. 20

    Bootstrap下拉菜单-显示所选项目最近的元素不起作用

  21. 21

    Bootstrap下拉列表不起作用或未切换

  22. 22

    当使用数据目标而不是href的选项卡时,Bootstrap选项卡不起作用

  23. 23

    Emberjs如何从路由更新组件的属性?

  24. 24

    Twitter Bootstrap下拉菜单不起作用

  25. 25

    Bootstrap导航栏下拉菜单不起作用

  26. 26

    Bootstrap 3下拉菜单不起作用

  27. 27

    导航中的Bootstrap下拉菜单不起作用

  28. 28

    导航栏中的Bootstrap下拉菜单不起作用

  29. 29

    导航栏上的Bootstrap下拉菜单不起作用

热门标签

归档