首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >引导-更改选项卡

引导-更改选项卡
EN

Stack Overflow用户
提问于 2017-11-09 12:08:22
回答 1查看 60关注 0票数 1

我想链接到另一个引导选项卡中的项目(并改变标签)从图像地图链接:这是可行的,但从一个正常的链接。http://jsfiddle.net/k5Lv95L1

我想从一张图像地图上这样做:

代码语言:javascript
运行
复制
<area shape="rect" href="#target" data-tab="#gallery-panel" coords="295,1109,365,1126"/>

但不起作用。也许我需要改变剧本?

代码语言:javascript
运行
复制
$("a[data-tab]").on('click', function() {
    var tab = $(this).attr('data-tab'),
        target = $(this).attr('href');
    $('ul.nav a[href="' + tab + '"]').tab('show');
    $('html, body').animate({
        scrollTop: $(target).offset().top
    }, 10);    
});

我怎么才能让它起作用?

EN

Stack Overflow用户

回答已采纳

发布于 2017-11-09 13:41:24

试炼

代码语言:javascript
运行
复制
$("area[data-tab]").on('click', function() {
  var tab = $(this).attr('data-tab'),
    target = $(this).attr('href');
  $('ul.nav area[href="' + tab + '"]').tab('show');
  $('html, body').animate({
    scrollTop: $(target).offset().top
  }, 10);    
});

希望这能帮到你。

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47201474

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档