当div可见时,jquery附加

时间:2011-12-31 01:40:28

标签: jquery html append

所以我的容器div何时不可见是这样的:

div id="content-wrapper" style="display: block; left: -980px; ">

以及何时可见:

div id="content-wrapper" style="display: block; left:0px; ">

我想在div容器可见时附加一个div,我不知道如何做到这一点。

2 个答案:

答案 0 :(得分:2)

你有没有理由使用职位而不是隐藏div? 如果你隐藏了div(style =" display:none;")那么你可以在jQuery中使用:visible选择器。 你也可以使用一个类(class =" hidden")然后你可以使用jQuery来看:

if ($('#content-wrapper').hasClass('hidden'))
{
    // append div
}

如果没有这个,你就不会在水中死去,因为你不想依赖间距或文字案例。

答案 1 :(得分:0)

$("#content-wrapper:visible")会在可见时返回#content-wrapper。

使用可见选择器:

http://api.jquery.com/visible-selector/

所以你可以做$("#content-wrapper:visible").append(...)

之类的事情

相关:

how to check image is visible or not?

Check if divs are visible with jQuery

How to determine if a table row is visible or not?