自定义猫头鹰旋转木马分页

Question

<div class="link">
    <div><a href="#">Mobile App</a></div>
    <div><a href="#">Web App</a></div>
    <div><a href="#">Desktop App</a></div>
    <div><a href="#">Cloud App</a></div>
    <div><a href="#">Machine App</a></div>
</div>
<div class="my-carousel owl-carousel">
    <div><img src="asset/img/mobileapp.png" title="Mobile App" /></div>
    <div><img src="asset/img/webapp.png" title="Web App" /></div>
    <div><img src="asset/img/desktopapp.png" title="Desktop App" /></div>
    <div><img src="asset/img/cloudapp.png" title="Cloud App" /></div>
    <div><img src="asset/img/machineapp.png" title="Machine App" /></div>
</div>

我想在owl carousel中创建自定义分页。我想要一种情况，每当我点击说“移动应用程序”，它应该带我到相应的视图。当轮播发生变化时，链接应该用jquery更新。链接位于我视图的左侧，而滑块位于右侧。因此，无论何时轮播更改，都应更新链接。我不知道如何用jquery实现这一点。请有人帮忙！