切换页面后Bxslider坏了

Question

我试图在我的meteor.js项目中添加一个滑块。

我目前正在使用Bxslider，我只想在特定路线中显示滑块时，它在第一次加载时工作正常，但是当我添加zimme的条件语句时：active-route：< / p>

{{#if isActivePath '/'}}

{{/if}}

滑块显示叠加在一起的图像。

这是代码：

模板代码：

{{#if isActivePath '/'}}
        <div class="col-md-3 slider" >
            <ul class="bxslider">
                <li><img class="img-responsive" src="/assets/tds/img/15.jpg" /></li>
                <li><img class="img-responsive" src="/assets/tds/img/16.jpg" /></li>
                <li><img class="img-responsive" src="/assets/tds/img/17.jpg" /></li>
            </ul>
        </div>
{{/if}}

slider.js：

Template.header.rendered = function() {
$('.bxslider').bxSlider({
    auto: true,
    autoControls: true,
    adaptiveHeight: true,
    responsive: true,
    infiniteLoop: true,
    pager: true,
    mode: 'fade'
});

};

我认为问题是：当我切换页面时，条件＆＃34;如果＆＃34;覆盖当前的滑块div，但我不知道如何修复它，有什么建议吗？

首页加载时的滑块：

http://gyazo.com/f6679142a48fcab9cda0b5e938ab65c2

切换页面后：

http://gyazo.com/1da3271ebc6be6434d73ffbe36d5cd4c