这是一个创建于 3116 天前的主题,其中的信息可能已经有所发展或是发生改变。
现在在用妹子 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());
})