这是我的代码。我想在单击按钮时更改右框架中的上下文。但这些代码行似乎不起作用。我认为这是因为选择器,我尝试了不同的选择器,但没有用。
$('#web-dash').click(function(){
$(".graphs-dash>div:visible").slideUp('1000', function() {
$("#whole .websitestats").slideDown('1000');
$('#pie').hide();
$('#toShow').val("1");
});
})
$('#skill-dash').click(function(){
$(".graphs-dash>div:visible").slideUp('1000', function() {
$("#whole .skill").slideDown('1000');
$('#pie').hide();
$('#toShow').val("1");
});
})
如何选择#whole .skill
和#whole .websitestats
?我对搜索引擎进行了谷歌搜索,但无法解决问题。
答案 0 :(得分:1)
不知道我是否理解你的问题。
$("#whole .websitestats").slideDown('1000');
即使在执行上述代码后,.websitestats
也不可见。这是你的问题吗?
$("#whole .websitestats")
和$("#whole .skill")
正确匹配各个元素。但是,显示:#whole div中没有添加任何属性。由于父div不可见,因此子元素也不可见。
尝试
$("#whole").show().find(".skill").slideDown('1000');
答案 1 :(得分:0)
试试这个,
$('#web-dash').click(function(){
$(".graphs-dash>div:visible").slideUp('1000', function() {
$("#whole").find(".websitestats").slideDown('1000');// use find function here
$('#pie').hide();
$('#toShow').val("1");
});
});
$('#skill-dash').click(function(){
$(".graphs-dash>div:visible").slideUp('1000', function() {
$("#whole").find(".skill").slideDown('1000');// use find function here
$('#pie').hide();
$('#toShow').val("1");
});
})