Javascript 如何将引导转盘重定向到另一个url？

我试图在单击下一个引导转盘按钮时添加URL。因此，当有人单击旋转木马指示器第三次查看幻灯片时，它会将他们带到另一个URL。以下是我的代码和CSS代码：

。下拉列表{
左边距：15px；
}
#文本颜色{
颜色：#4b617d；
}
.bg褪色{
背景色：#ffffff；
}
.集装箱{
填充顶部：12px；
}
.传送带控制{
颜色：#bada55；
}
.carousel控件下一个图标{
背景图片：url（'download.png'）；
}
/*旋转收割台样式*/
.标题文本{
位置：绝对位置；
最高：60%；
右：自动；
宽度：96.6666%；
颜色：#ffffff；
}
.header-text2{
位置：绝对位置；
最高：60%；
右：自动；
宽度：96.6666%；
颜色：#ffffff；
}
.header-text3{
位置：绝对位置；
最高：60%；
右：自动；
宽度：96.6666%；
颜色：#ffffff；
}
.carousel控件上一个图标{
显示：无；
}
.转盘指示器{
右：105px；
底部：1px；
}
.标题文本h2 span{
填充：10px；
}
.标题文本h3 span{
填充：15px；
}
.下拉项{
填充：3px1.2rem！重要；
}
.下拉菜单{
最小宽度：3rem！重要；
宽度：110px！重要；
}
@介质（最大宽度：1200px）{
#rightcol{
左边距：12px；
}
}
d区{
高度：180像素；
宽度：180px；
}
.标题文本h4，
h5{
文本对齐：左！重要；
}
.标题文本h4，
h5{
字体大小：400；
}
.header-text2 h4，
h5{
字体大小：400；
}
.header-text3 h4，
h5{
字体大小：400；
}
.header-text2 h4，
h5{
文本对齐：左！重要；
}
.header-text3 h4，
h5{
文本对齐：左！重要；
}
.转盘指示器{
右：20px；
}

埃利普托伊斯·艾略特献祭者



图像1

乱数假文
图像1
Lorem Ipsum
图像1
Lorem Ipsum

由于到目前为止还没有包含CSS或JavaScript，因此无法在当前状态下回答此问题。请将所有内容添加到堆栈片段中，通过将您的问题添加到堆栈片段中来复制图像，使其成为一个。抱歉，上面发布的是您需要添加到您的问题的上述html代码的CSS，如我所说。你不能只是在评论中发布它。好吧，我还将CSS代码添加到了JS FIDLE中。请让我知道。谢谢我还自由地在jQuery和Bootstrap中编辑。该问题仍然不满足a的条件，因为它不会在图像中再现旋转木马，但可能有人知道如何在此时回答该问题。老实说，就这个问题的形式而言，不太可能有人会花时间来尝试回答它，因为答案无法验证它是否与您所拥有的内容相符。