Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript asp:table,在页面加载时隐藏主行下的所有行(由tr.CssClass=";rowEntry";)索引_Javascript_Jquery_Css - Fatal编程技术网

Javascript asp:table,在页面加载时隐藏主行下的所有行(由tr.CssClass=";rowEntry";)索引

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()

长时间侦听器,第一次调用

我对jquery很糟糕,所以请容忍我,这应该是对那些了解jquery的人的一个快速回答

我有一个以编程方式创建的asp:table,并将顶级行设置为:tr.CssClass=“rowEntry”

我有一个如下所示的ajax切换,可以成功切换我想要隐藏的第二行:

    $(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显示:在单击行的第一个
中切换所有
。当然!如果我已经回答了你的问题,请随意标记我的答案为已接受。