jquery append wenn ein div sichtbar ist

Question

Also mein Container div, wenn nicht sichtbar ist, ist dies :

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

und wenn sichtbar ist, ist das :

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

Ich möchte ein div anhängen, wenn ein div-Container sichtbar ist, und ich weiß nicht genau, wie man das macht.

Answer 1

Gibt es einen Grund dafür, dass Sie eine Position verwenden, anstatt das Div auszublenden? Wenn Sie das Div ausblenden (style="display: none;"), können Sie den Selektor :visible in jQuery verwenden. Sie könnten auch eine Klasse verwenden (class="hidden"), dann könnten Sie jQuery verwenden, um zu sehen:

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

Ohne sie ist man so gut wie aufgeschmissen, da man sich nicht auf Abstände oder Groß- und Kleinschreibung verlassen will.

Answer 2

$("#content-wrapper:visible") wird #content-wrapper zurückgeben, wenn es sichtbar ist.

mit Hilfe des sichtbaren Selektors:

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

Sie könnten also etwas tun wie $("#content-wrapper:visible").append(...)

Verwandt mit:

Wie kann ich überprüfen, ob ein Bild sichtbar ist oder nicht?

Mit jQuery prüfen, ob Divs sichtbar sind

Wie kann man feststellen, ob eine Tabellenzeile sichtbar ist oder nicht?