bootstrap affix插件中的这些行似乎会导致内存泄漏,因为窗口会获取对从未发布的词缀实例的引用.
作为一种解决方法,我在从DOM中删除附加元素时使用此代码来释放引用:
$(window)
.off('scroll.bs.affix.data-api')
.off('click.bs.affix.data-api');
Run Code Online (Sandbox Code Playgroud)
看起来有点hacky-有更好的方法吗?在affix插件文档中没有看到任何内容.
我是相对较新的bootstrap并试图用bootstrap词缀设计我的页面.这里的代码当我col-lg-6从那里删除我的类位于内部词缀div目标div它完全正常但它不适用于给定的bootstrap类在那里应用.我在删除那个特定的类之后尝试过它完全正常.
<body id="top" data-spy="scroll" data-target="#header">
<header id="header" style="background-position: 0% 0px;">
<a class="image avatar" style="cursor: pointer;">
<img src="resources/images/Nimesh.jpg" alt=""></a>
<h1><strong>Ata at Turpis</strong>, cep curae tempus<br> adipiscing erat ultrices laoreet<br> aliquet ac Adipiscing.</h1>
<ul class="nav nav-tabs nav-stacked" data-spy="affix">
<li class="active"><a href="#section-1">Section One</a></li>
<li><a href="#section-2">Section Two</a></li>
<li><a href="#section-3">Section Three</a></li>
<li><a href="#section-4">Section Four</a></li>
<li><a href="#section-5">Section Five</a></li>
</ul>
</header>
<div id="profileImage">
</div>
<div id="main">
<div id="section-1" class="background">
<div class="col-lg-6">
<!--content 1a -->
</div>
<div class="col-lg-6">
<!--content 1a -->
</div>
</div>
<div id="section-2" class="background"> …Run Code Online (Sandbox Code Playgroud)