我又来提问啦，新人再次请求给予指导和帮助！

[swuhvxee]

现在在用妹子 UI,其中的选项卡使用时候有个问题百度了好长时间没有结果，是这样的。。。：

<div class="am-tabs" data-am-tabs="{noSwipe: 1}" id="doc-my-tabs">
<ul class="am-tabs-nav am-nav am-nav-tabs">

<li class="am-active"><a href="">切换</a></li>
<li class=""><a href="">切换</a></li>
<li class=""><a href="">切换</a></li>

</ul>
<div class="am-tabs-bd">

<div class="am-tab-panel am-active am-in">内容</div>
<div class="am-tab-panel">内容</div>
<div class="am-tab-panel">内容</div>

</div>
</div>

描述：选项卡默认是点击的，我把他改为 hover 的了。但是改成 hover 以后，需要实现切换部分<a>标签“超链接”跳转，而不是 e.preventDefault();。这个也可以改，但是我只能在核心 js 文件中去改。

问题来了：如何用新增 jquery 的方式（不动原版文件）让他实现跳转呢？
能否在自定义事件中实现？如何实现？例如：
$('#doc-my-tabs').find('a').on('opened.tabs.amui', function(e) {
console.log('[%s] 选项卡打开了', $(this).text());
})