Javascript asp:table,在页面加载时隐藏主行下的所有行(由tr.CssClass=";rowEntry";)索引
长时间侦听器,第一次调用 我对jquery很糟糕,所以请容忍我,这应该是对那些了解jquery的人的一个快速回答 我有一个以编程方式创建的asp:table,并将顶级行设置为:tr.CssClass=“rowEntry” 我有一个如下所示的ajax切换,可以成功切换我想要隐藏的第二行:Javascript asp:table,在页面加载时隐藏主行下的所有行(由tr.CssClass=";rowEntry";)索引,javascript,jquery,css,Javascript,Jquery,Css,长时间侦听器,第一次调用 我对jquery很糟糕,所以请容忍我,这应该是对那些了解jquery的人的一个快速回答 我有一个以编程方式创建的asp:table,并将顶级行设置为:tr.CssClass=“rowEntry” 我有一个如下所示的ajax切换,可以成功切换我想要隐藏的第二行: $(document).ready(function () { $(".rowEntry").click(function () { $(this).next()
$(document).ready(function () {
$(".rowEntry").click(function () {
$(this).next().toggle(300);
$(this).next().next().toggle(300);
});
});
</script>
$(文档).ready(函数(){
$(“.rowEntry”)。单击(函数(){
$(this.next().toggle(300);
$(this.next().next().toggle(300);
});
});
现在,问题是。。如何设置这些行以隐藏页面加载?如果我在细节行上设置css,即。rowDetails td{display:none;}-然后它们被隐藏,我无法让它们打开或关闭
提前感谢。
切换
应该可以很好地处理元素,即使它们最初设置为显示:无代码>。但是,您的CSS似乎隐藏了
元素,但是在一个或多个
元素上调用了toggle()
。您需要将CSS应用于被切换的同一元素——在本例中,是行,而不是单元格。例如:
.rowDetails{display:none;}
而不是
.rowDetails td{display:none;}
切换
应该可以很好地处理元素,即使它们最初设置为display:none代码>。但是,您的CSS似乎隐藏了
元素,但是在一个或多个
元素上调用了toggle()
。您需要将CSS应用于被切换的同一元素——在本例中,是行,而不是单元格。例如:
.rowDetails{display:none;}
而不是
.rowDetails td{display:none;}
!。。对CSS是我的一个弱点。非常感谢!我不知道补充问题是受欢迎还是不受欢迎,但我还是要试试:)我有一个向下箭头,指示行切换功能(对于它下面的两行),我想在行展开后将其替换为向上箭头,指示它可以折叠。我目前在一个编程生成的单元格中使用箭头作为图像声明,即:td0.Text=“”;切换此图像的首选方式是什么?谢谢……当然可以!有多种方法可以做到这一点,但由于您已经在使用切换
…您可以在td0.Text
值中包含第二个图像(假设它名为collapsetriang1.gif
),例如:td0.Text=”“
,如您所见,默认情况下它是隐藏的。然后,在JavaScript中,在$(this.next().next().toggle(300)之后代码>尝试:$('td:first img',$(this)).toggle()代码>。这个jQuery显示:在单击行的第一个
中切换所有
。当然!如果我已经回答了你的问题,请随意标记我的答案为已接受。太棒了!。。对CSS是我的一个弱点。非常感谢!我不知道补充问题是受欢迎还是不受欢迎,但我还是要试试:)我有一个向下箭头,指示行切换功能(对于它下面的两行),我想在行展开后将其替换为向上箭头,指示它可以折叠。我目前在一个编程生成的单元格中使用箭头作为图像声明,即:td0.Text=“”;切换此图像的首选方式是什么?谢谢……当然可以!有多种方法可以做到这一点,但由于您已经在使用切换
…您可以在td0.Text
值中包含第二个图像(假设它名为collapsetriang1.gif
),例如:td0.Text=”“
,如您所见,默认情况下它是隐藏的。然后,在JavaScript中,在$(this.next().next().toggle(300)之后代码>尝试:$('td:first img',$(this)).toggle()代码>。这个jQuery显示:在单击行的第一个
中切换所有
。当然!如果我已经回答了你的问题,请随意标记我的答案为已接受。