当前位置: 首页 > 面试题库 >

具有数据切换功能的Bootstrap选项卡导致在angularjs中重新加载

巫研
2023-03-14
问题内容

我刚刚迁移到AngularJS 1.2。我已经意识到我所有的菜单/导航元素都配置了数据切换,例如:

<li><a href="#additionalSelection" data-toggle="tab">Additional Selection</a></li>

不再工作了。他们应该使用id =“ additionalSelection”切换元素-这就是我使用Angular
1.0.8版本时Angular&Bootstrap的工作方式。

但是现在,当我单击锚元素时,Angular截获了此单击,并尝试路由 附加选择 并导致页面刷新…

有办法解决吗?


问题答案:

解决方案很简单,就像用 data-target* 替换 href 属性。解决了这个问题: *

<li><a data-target="#additionalSelection" data-toggle="tab">Additional Selection</a></li>


 类似资料:
  • 本文向大家介绍js实现tab选项卡切换功能,包括了js实现tab选项卡切换功能的使用技巧和注意事项,需要的朋友参考一下 话不多说,请看代码: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 本文向大家介绍原生javascript实现Tab选项卡切换功能,包括了原生javascript实现Tab选项卡切换功能的使用技巧和注意事项,需要的朋友参考一下 分析个人用原生JS获取类名元素的代码:   parent参数是可选的,但需要先判断它是否存在,且是节点dom元素 parent != undefined&&parent.nodeType==1 ,nodeType == 1可以判断节点是否为

  • 问题内容: 我正在研究一个使用Angularjs和Twitter Bootstrap的项目。 Bootstrap使用#来切换组件(例如,弹出框,模式框等): 问题是当我单击具有href属性的按钮时,它会导致整个页面重新加载,这意味着当前页面中的所有内容都会丢失。 有办法防止这种情况吗? 一些 额外的 信息: 当我将鼠标悬停在按钮上时,URL很奇怪。例如,我当前页面的网址是 该按钮的href为 我希

  • 本文向大家介绍jquery实现具有嵌套功能的选项卡,包括了jquery实现具有嵌套功能的选项卡的使用技巧和注意事项,需要的朋友参考一下 关于选项卡功能大家一定都不会陌生,无非就是鼠标点击或者悬浮能够切换相关的内容。 通常情况下,大家见到的选项卡都是没有嵌套功能的,也就是说就是完成了一层切换效果,本章节分享一段代码实例,实现了选项卡的嵌套功能,也就是选项卡中嵌套有选项卡功能,也就能够容纳更多的内容。

  • 您好,我正在使用selenium单击链接,通常使用在线web应用程序。 当我单击打开新选项卡的特定链接并在新打开的选项卡中执行操作时,我会遇到问题。我有以下代码: 之后,网络驱动程序(从我的眼睛)打开到新标签,而我不必调用 所以一切都好。新标签会在WebDrive上打开。当我尝试单击新打开的选项卡上的链接时,我得到一个“无元素”异常,这意味着它找不到我要找的元素。 两个问题: 1) webdriv

  • 我想从一个选项卡切换到另一个选项卡,需要切换回上一个选项卡。 所以,请给我同样的指导。