为什么这个 jQuery 不滑动 down/showing 隐藏(向上滑动)的元素?
Why is this jQuery not sliding down/showing hidden (slid up) elements?
我在 C# 中创建 ID 为 foapalrow3 和 foapalrow4 的行,使它们暂时不可见:
foapalrow3 = new HtmlTableRow();
foapalrow3.ID = "foapalrow3";
. . .
foapalrow3.Visible = false;
foapalrow4 = new HtmlTableRow();
foapalrow4.ID = "foapalrow4";
. . .
foapalHTMLTable.Rows.Add(foapalrow4);
foapalrow4.Visible = false;
然后我 jQuery 有条件地使其再次可见:
$(document).on("click", '[id$=btnAddFoapalRow]', function (e) {
if ($('[id$=foapalrow3]').css('display') == 'none') {
$('[id$=foapalrow3]').slideDown();
} else if ($('[id$ = foapalrow4]').css('display') == 'none') {
$('[id$=foapalrow4]').slideDown();
}
});
...但它不起作用 - 行仍未显示。是 C# 中的 "visible == false" 不匹配 jQuery 中的 "display == none" 还是什么?
您可以使用
检查显示属性
$('[id$=foapalrow4]').is(":visible");
我在 C# 中创建 ID 为 foapalrow3 和 foapalrow4 的行,使它们暂时不可见:
foapalrow3 = new HtmlTableRow();
foapalrow3.ID = "foapalrow3";
. . .
foapalrow3.Visible = false;
foapalrow4 = new HtmlTableRow();
foapalrow4.ID = "foapalrow4";
. . .
foapalHTMLTable.Rows.Add(foapalrow4);
foapalrow4.Visible = false;
然后我 jQuery 有条件地使其再次可见:
$(document).on("click", '[id$=btnAddFoapalRow]', function (e) {
if ($('[id$=foapalrow3]').css('display') == 'none') {
$('[id$=foapalrow3]').slideDown();
} else if ($('[id$ = foapalrow4]').css('display') == 'none') {
$('[id$=foapalrow4]').slideDown();
}
});
...但它不起作用 - 行仍未显示。是 C# 中的 "visible == false" 不匹配 jQuery 中的 "display == none" 还是什么?
您可以使用
检查显示属性$('[id$=foapalrow4]').is(":visible");