Zu finden, wenn das element ist sichtbar (JavaScript )

Ich habe eine javascript-Funktion, die versucht zu bestimmen, ob ein div-Element sichtbar ist, und führt verschiedene Prozesse mit Variablen. Ich bin erfolgreich in der Lage, swap-Sichtbarkeit eines elements durch ändern die Anzeige zwischen keiner und zu blockieren; aber ich kann nicht speichern Sie diesen Wert...

Ich habe versucht, immer die Elemente Anzeige von Attribut-Wert-und finden, wenn die element-ID ist sichtbar, aber weder gearbeitet hat. Wenn ich versuche .getAttribute es immer null zurück, ich bin nicht sicher, warum, weil ich weiß, dass die id wird definiert, und es verfügt über ein display-Attribut.

Hier ist der code der zwei verschiedene Methoden, die ich versucht habe:

var myvar = $("#mydivID").is(":visible");
var myvar = document.getElementById("mydivID").getAttribute("display");

Jede Beratung oder Hilfe wäre sehr geschätzt werden.

  • display ist ein Mitglied der style Eigenschaft, kein Attribut.
  • Ich habe versucht, mit sowohl sichtbaren als auch aber das funktioniert nicht zu. Also, wenn ich nicht Anrufe angezeigt, da es eine CSS-Eigenschaft und nicht eine JavaScript-Attribut, wie würde ich diese Spur?
  • Wie definieren Sie "sichtbar"? Hat Elemente außerhalb des Viewports, zählt das auch? Tun visibility: hidden zählt auch?
  • Wie ist $("#mydivID").is(":visible"); nicht funktioniert?
  • I have tried getting the elements display attribute - Ich denke, es kommt nicht das display Wert.
  • Ich bin mir nicht sicher, warum das sichtbare Methode hat nicht funktioniert... ich habe gelesen, etwa über das internet für eine Weile, bevor Sie Fragen hier, und Sie haben Leute gesagt, das sollte funktionieren; aber für einige Grund es didn ' T Arbeit in meinem Fall. Ich bin zwar in der Lage zu verwenden, die rufen, dass in diesem Fall $(this).is(':visible') ? divID : null; die Methode, die ich in meiner Frage nicht.
  • Ahh ja, das war die Beantwortung der Frage falsch formuliert.
  • is(':visible') funktioniert, also das problem liegt woanders, und bewegen Sie sich auf etwas anderes, dass im Grunde genommen die genau die gleiche Sache, die wahrscheinlich nicht viel helfen.
  • Also, was sind Sie versuchen zu finden? Der Stil display Wert? Oder ob das element sichtbar ist? Es ist viel mehr, um herauszufinden, ob das element sichtbar als nur Blick auf den Stil display Eigenschaft
  • mögliche Duplikate von Prüfung, ob etwas versteckt ist mit jQuery

InformationsquelleAutor Devon Bernard | 2013-04-27
  1. 10

    Display ist kein Attribut, es ist eine CSS-Eigenschaft innerhalb der style Attribut.

    Suchen Sie vielleicht nach

    var myvar = document.getElementById("mydivID").style.display;

    oder

    var myvar = $("#mydivID").css('display');
    InformationsquelleAutor SeinopSys
  2. 18

    Versuchen wie diesem:

    $(function () {
    //Handler for .ready() called.
    if ($("#mydivID").is(":visible")) {
        alert('Element is visible');
    }
});

    GEIGE

    Bitte stellen Sie sicher, dass die jQuery-Datei in der head - tag, wie folgt

    <head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
    • Weil OP klar in der Frage, dass bei diesem Ansatz wurde versucht und hat nicht funktioniert.
    • Nicht ganz klar, pro sagen.
    • Zwar sagte er es hat nicht funktioniert, Palash code sieht Total gültige zu mir.
    • Ja, es sieht gültigen, aber nicht das tun, was OP benötigt. Das Problem ist, dass wir nicht genau wissen, was das ist. Könnte sein, dass jQuery nicht definiert ist. Könnte etwas anderes sein.
    • Naja, da diese Frage markiert mit dem jQuery-tag, gehen wir davon aus, dass $ definiert ist.
    • Auch, die OP ist einfach auf der Suche nach dem Stil display Eigenschaft nicht, wenn das element sichtbar ist - "ich habe versucht, immer die Elemente Anzeige von Attribut-Wert"
    • Titel: "wie man herausfindet, ob element sichtbar ist"
    • Nein, wir können vielleicht davon ausgehen, dass OP bestimmt zu definieren, jQuery, aber das bedeutet nicht, es ist tatsächlich definiert. Mein Problem mit dieser Antwort ist die Frage-Staaten "Hier ist, was ich versucht habe" $("#mydivID").is(":visible"), und die Antwort ist "Ok, dann versuchen, diese" $("#mydivID").is(":visible"), die nicht fügen Sie alle nützlichen Informationen.
    • Oh, ich verstehe, dass der Titel und der Körper einander nicht genau entsprechen. Aber Ihre unmittelbare Sorge zu sein scheint, finden die display Eigenschaft
    • Auch, ich sehe nicht ein Punkt bei der Buchung eine Antwort, die Duplikate genau das, was der OP zeigten, dass Sie versucht, ohne eine Erklärung. Ihre Frage ist vielleicht nicht logisch, aber es macht mehr Sinn, zu erklären, die Antwort und die Schaffung von alternativen, oder Fragen vorher
    • Hmm, ich Stimme mit Ihnen überein. Aber zumindest hat er bearbeitet seine Antwort jetzt.
    • Ich glaube trotzdem nicht, dass das hinzufügen von "Include jQuery" unterstützt. Mein Punkt ist, dass, wenn jemand will poste eine Antwort, die hat der gleichen code, wie die OP (eine verwirrende Frage), dann sollte es erklärt werden. Zum Beispiel, ich würde beginnen mit "Naja, Sie versuchen zu tun, 2 verschiedene Dinge mit .is(":visible") und .getAttribute(). Sie scheinen zu wollen, zu wissen, ob es sichtbar ist, aber Sie versuchen auch nur, um seine display Stil. Wenn Sie möchten, um zu sehen, wenn es sichtbar ist, verwenden Sie .is(":visible") die einen booleschen Wert zurückgibt. Wenn Sie die display - Eigenschaft verwenden: (korrekte code für das erhalten Sie)." und Verweise

    InformationsquelleAutor palaѕн
  3. 8

    Wenn Sie möchten, tun Sie dies nur, javascript Art und Weise können Sie versuchen, 

    window.getComputedStyle(document.getElementById("mydivID"),null).getPropertyValue('display')
    • arbeiten für mich, mit reinem js.
    InformationsquelleAutor Gaurav
  4. 7

    Nehmen wir eine zweite, um zu sehen, was .is(":visible") in jQuery, sollen wir?

    Hier ist ein link: https://github.com/jquery/jquery/blob/master/src/css.js#L529

    return !jQuery.expr.filters.hidden( elem );

    wo

    jQuery.expr.filters.hidden = function( elem ) {
    //Support: Opera <= 12.12
    //Opera reports offsetWidths and offsetHeights less than zero on some elements
    return elem.offsetWidth <= 0 && elem.offsetHeight <= 0;
};

    So, es ist nur die überprüfung der offset-Breite und Höhe des Elements.

    Sagte, und auch erwähnenswert ist, wenn jQuery prüft, ob ein element ist versteckt (also wie beim auslösen einer 'toggle' - Ereignis), es führt eine Prüfung auf die Anzeige-Eigenschaft und seine Existenz in der dom. https://github.com/jquery/jquery/blob/master/src/css.js#L43

    • Um ehrlich zu sein, das ist nicht wirklich eine Antwort auf die Frage.
    • Ich bin mir nicht sicher, welche version von jQuery ist, und nicht um das Aussehen, aber die neueste version kann mehr als nur, dass - return elem.offsetWidth <= 0 && elem.offsetHeight <= 0 || (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
    • nun, es bietet einen Einblick in warum das, was er versuchte, war nicht arbeiten und/oder der richtige Ansatz, und dann gibt Einblick in das, was getan werden sollte, um dem immer die 'display' - Eigenschaft, die Sie bereits beantwortet... also....
    • das ist Bizarr, ich bin das verweisen auf die master-branch auf github...?
    • Ich war auf der Suche auf code.jquery.com/jquery-latest.js - Was für mich, zeigt 1.9.1. Ich wäre nicht überrascht, wenn mein browser-Cache, die version (statt 2.0) denn ich habe es offen für eine Weile, die unterstützt weiterhin die alten IE (und hat diese extra-Dinge). Interessant
    InformationsquelleAutor Nirvana Tikku
Schreibe einen Kommentar