首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Javascript不工作-2个不同的div容器

Javascript不工作-2个不同的div容器
EN

Stack Overflow用户
提问于 2013-09-25 14:40:17
回答 2查看 77关注 0票数 1

我很难在一个单独的div容器中创建一个链接,在一个完全不同的div容器中打开一个面板(如果单击第二个div容器链接,该面板也会打开,并且链接本身也处于活动状态)--如果我单击第一个div容器中的一个链接,面板就会从第二个div容器中打开,但是很难使第一个div容器链接激活第二个div容器中的活动状态.

如果您查看演示,只需单击{N} atm...Once选项卡,因为其他2个是非活动的,您单击该选项卡时,会打开一个面板(而不是我正在讨论的面板)。这个面板是打开的,看最下面,在保存信息标题的div容器的左边:“官方名册”,里面有一个链接,上面写着“排名”,如果你点击那个特定的链接,O.F.面板就会打开,然而,激活状态会选择它们,而不仅仅是选中的1.我正在接近,但是我很难弄清楚.

演示:http://jsfiddle.net/Djdzw/2/

我相信这是纯粹的javascript是必要的,然而,它也可以是css。但是,我将提供下面的ATM机代码--我只提供javascript,因为发布所需的所有代码都太过much...So,如果您可以简单地查看上面的演示,可能会更容易;)

JAVASCRIPT:

/* =====下面一节是需要编辑的===== */

代码语言:javascript
复制
$('.info_box p a').click(function () {
    var a = $('#profile_list a');
    $('#profile_list a').removeClass('active');
    $('#profile_list a').addClass('active');
});
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-09-25 14:49:49

你是说这个吗?

代码语言:javascript
复制
$('.info_box p a').click(function () {
    var id = this.id; //get the id of the clicked item
    var a = $('#profile_list a[href="#' + id +'"]'); //construct the selector to select the menu item which has the same href
    $('#profile_list a').not(a.addClass('active')).removeClass('active'); //now do the add/remove class

});

小提琴

票数 2
EN

Stack Overflow用户

发布于 2013-09-25 14:58:47

我做了这件事成功了。我希望这就是你要找的:

代码语言:javascript
复制
$('.info_box p a').click(function () {
    var a = $('#profile_list a');
    $('#profile_list a').removeClass('active');
    $('#profile_list a.panel[href=' + $(this).attr('href') + ']').addClass('active');
});

jsFiddle

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

https://stackoverflow.com/questions/19007972

复制
相关文章

相似问题

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