Bootstrap 4 Bootstrap 4旋转木马不'；t单击第一个下一个/上一个箭头后前进

第一次加载页面后，我的旋转木马无法正常工作。一旦我再次点击下一个/上一个箭头，旋转木马就不会前进。我注意到在第一次单击后，旋转木马ID加载到URL中，如果我在该点重新加载页面，旋转木马将在每次单击时正常运行，一旦#pitchdeck旋转木马ID加载到URL中

你知道为什么会这样吗？请注意，我做了一些CSS样式，带有指示器、箭头和标题，用于自定义定位，所以我不确定这是否适用于此。下面的链接（稍微向下旋转页面）。提前感谢您提供的任何帮助！下面的链接和代码

(打、击等的)一下
每年有近80万人患有中风，这使得中风成为美国严重、长期残疾的主要原因。
阿尔茨海默病。
据估计，有550万美国人患有老年痴呆症和相关痴呆症。
糖尿病
美国有2900万人患有糖尿病，另有810万人未经诊断，生活在没有意识到自己病情的环境中。
心脏病。
在美国，每年有61万人或四分之一的人死于心脏病，这使心脏病成为美国人的主要死因。
关节炎
这种慢性衰弱的疾病困扰着全世界3.5亿人，仅在美国就有4000万人。
不孕和勃起功能障碍。
在美国，不孕症影响到500万人，即每10对夫妇中就有一对。多达52%的男性患有勃起功能障碍。
慢性创伤性脑病。
这种神经退行性疾病在多处头部受伤的人中发现，折磨着NFL球员，威尔·史密斯主演的故事片《脑震荡》中描述了这一故事。NFL球员因这种疾病而自杀，NFL已拨出近8亿美元用于治疗这种疾病。

您的旋转木马标记是正确的，似乎这种现象与此无关。事实上，独立示例不会产生错误，因此我开始检查live站点，寻找可能干扰此功能的其他Java脚本

显然，在内联脚本中有一行代码如下所示

var scroll = new SmoothScroll('a[href*="#"]:not([data-easing])');

a[href*=“#”]：not（[data easing]）

选择器也选择旋转木马控件。如果注释掉这一行，旋转木马将按预期工作。因此，正是

SmoothScroll

javascript最有可能阻止单击事件的传播，或者以其他方式干扰该单击

我不熟悉

SmoothScroll

，但一个简单的解决方法是更改选择器，使其与转盘控件不匹配

<div id="myCarousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/1.jpg" alt="image1" style="width:100%;">
                        <div class="carousel-caption">
                            <h1>MARKETING</h1>
                            <h3>LA is always so much fun!</h3>
                        </div>
                    </div>

                    <div class="item">
                        <img src="images/2.jpg" alt="Chicago" style="width:100%;">
                        <div class="carousel-caption">
                            <h1>Los Angeles</h1>
                            <h3>LA is always so much fun!</h3>
                        </div>
                    </div>

                </div>
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>



市场营销
洛杉矶总是那么有趣！
洛杉矶
洛杉矶总是那么有趣！

您介意在这里创建一个带有独立旋转木马的片段吗？您好，我刚刚编辑了包含代码的初始帖子。谢谢谢谢你，先生。我将“nav link”类添加到链接选择器中，这似乎是基于另一个堆栈溢出线程实现的

var scroll=new SmoothScroll（'nav-link.a[href*=“#”]：not（[data easing]）
<div id="myCarousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="images/1.jpg" alt="image1" style="width:100%;">
                        <div class="carousel-caption">
                            <h1>MARKETING</h1>
                            <h3>LA is always so much fun!</h3>
                        </div>
                    </div>

                    <div class="item">
                        <img src="images/2.jpg" alt="Chicago" style="width:100%;">
                        <div class="carousel-caption">
                            <h1>Los Angeles</h1>
                            <h3>LA is always so much fun!</h3>
                        </div>
                    </div>

                </div>
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>