JavaScript – Bootstrap Scrollspy在AJAX调用后添加元素到页面后停止工作

前端之家收集整理的这篇文章主要介绍了JavaScript – Bootstrap Scrollspy在AJAX调用后添加元素到页面后停止工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Bootstrap scrollspy插件(v2.0.0),当页面首先加载时,它可以无问题地工作.

导航栏以及内容部分通过ajax调用更新(添加删除菜单项).之后,这个scrollspy不会突出显示添加的项目.

如何告诉scrollspy刷新?或者手动将scrollspy附加到以下代码

<body data-spy="scroll" data-target=".subnav" data-offset="0">
    <div id="listing">
      <div class="subnav">
        <ul class="nav nav-pills nav-stacked">
          <li><a href="#cat2">Home &amp; Garden</a></li>
          <li><a href="#cat5">Computers &amp; Networking</a></li>
        </ul>
      </div>  
      <div>
        <section id="cat2">...</section>
        <section id="cat5">...</section>
      </div>
    </div>
  </body>

解决方法

scrollspy(‘刷新’)将简单地做到这个名字所说的!

在我的情况下,我在ajax调用添加了以下代码

$('[data-spy="scroll"]').each(function () {
  $(this).scrollspy('refresh');
});
原文链接:https://www.f2er.com/ajax/149888.html

猜你在找的Ajax相关文章