javascript - Bxslider 插件在第一个 "action"后停止工作

Question

我在使用这个网站时遇到了一些问题。

我正在使用 Bxslider 插件为项目页面创建一种组合，但它有问题:

只要单击缩略图或方向箭头， slider 就不再起作用，我无法更改显示的图片。

我试过切换我的 html 标记的位置，但它没有做任何新的事情。

所以，这是我的html

<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css" />
            <ul class="portfolio">
                <li><img src="img/portfolio/projetos3d/1.jpg"></li>
                <li><img src="img/portfolio/projetos3d/2.jpg"></li>
                <li><img src="img/portfolio/projetos3d/3.jpg"></li>
                <li><img src="img/portfolio/projetos3d/7.jpg"></li>
                <li><img src="img/portfolio/projetos3d/8.jpg"></li>
            </ul>
            <div class="thumbs">
                <a data-slide-index="0" href=""><img src="img/portfolio/projetos3d/1.jpg"></a>
                <a data-slide-index="1" href=""><img src="img/portfolio/projetos3d/2.jpg"></a>
                <a data-slide-index="2" href=""><img src="img/portfolio/projetos3d/3.jpg"></a>
                <a data-slide-index="3" href=""><img src="img/portfolio/projetos3d/7.jpg"></a>
                <a data-slide-index="4" href=""><img src="img/portfolio/projetos3d/8.jpg"></a>
            </div>
        </div>

这里是js

<script src="js/jquery.bxslider.min.js"></script>
<script>
    $(document).ready(function(){
        $('.portfolio').bxSlider({
            pagerCustom: '.thumbs'
        });
    });
</script>

我不知道为什么会这样。

如果能多加一点帮助，我们将不胜感激。

如果你想看到它工作(或不工作......)，这里有一个演示

谢谢你的时间

编辑:尝试将下载的 .js 替换为他们在其网站上使用的 .js，我想它可能有某种错误，但我错了，它仍然不起作用。

编辑 2:我还尝试将脚本切换到 html 之前，但正如预期的那样，它没有改变任何东西。

Answer 1

我发现了问题所在。

我在所有东西上都使用了这条线，以便更快地向按钮和其他东西添加过渡效果。

*{
    -webkit-transition: color 0.2s linear, background 0.2s linear, border 0.2s linear;
       -moz-transition: color 0.2s linear, background 0.2s linear, border 0.2s linear;
         -o-transition: color 0.2s linear, background 0.2s linear, border 0.2s linear;
            transition: color 0.2s linear, background 0.2s linear, border 0.2s linear;
}

事实证明他们在窃听 slider 。