JQuery Mobile zu prüfen, ob ein Div-Element ein-oder ausgeblendet

Ich habe ein Div, das zusammenklappbar ist mit dem Attribut data-role="collapsible"

Wie kann ich überprüfen, an jedem Punkt in mal, ob das Div-Element im Minimierten Modus oder im Erweiterten Modus. Ich versuchte dieses aber es hat nicht funktioniert:

if ($("#hideshow").is(":collapsed"))
   alert("collapsed");

Bitte beachten Sie, dass :visible wird nicht funktionieren, weil in beiden Staaten sichtbar den Wert true zurück.

  • Gibt es etwas, das angibt, dass das element ist zusammengebrochen wie ein Attribut?
  • Auch der HTML-code
  • Geht es nicht: if (!$("#hideshow").is(":visible")) ??? EDIT: thx für das edit 😉
InformationsquelleAutor AnR | 2014-03-07
  1. 10

    Dies erfolgt über CSS. Wenn ein Klapp-element ist zusammengebrochen, es hat die Klasse "ui-collapsible-collapsed" Hinzugefügt. Verwenden .hasClass() überprüfen Sie

    if ($("#hideshow").hasClass('ui-collapsible-collapsed')) {
    alert("collapsed");
}
    • Die einzige richtige Antwort hier (+1). Es möglicherweise geholfen hätte, wenn die OP erwähnt hatte jQuery mobile aber...
    • Perfekt! Vielen Dank 🙂
    • Hinzugefügt JQuery Mobile, wie pro Ihre Anregung.
    InformationsquelleAutor tliokos
  2. 0

    Verwenden Sie die get-Methode von zusammengebrochen option für diese:

    JS:

    if ($("#hideshow").collapsible("option", "collapsed")) {
  alert("collapsed");
}

    InformationsquelleAutor Martin Schneider
  3. 0

    Getestet und funktioniert!

     if (metingblok.collapsible( "option", "collapsed") == false ) {
//then it is closed
}

  if (metingblok.collapsible( "option", "collapsed") == true) {
//then it is open
}
    InformationsquelleAutor Sam van beastlo
  4. -1

    Versuchen, Sie zu nutzen:

    if ($("#hideshow").attr('data-role')=="collapsible")
    alert("collapsed");
    • Diese Antwort ist falsch.. Es würde sich immer zeigen, wie collapsed.
    InformationsquelleAutor Felix
  5. -1

    Wird dies den trick tun:

    if ($("#hideshow").attr('data-role')=="collapsible") {
  console.log("collapsed");
}

    Statt console.log geben Sie, was Sie wollen, wie bei der Verarbeitung.

    • Diese Antwort wird nicht den trick tun es würde immer zeigen, wie collapsed.
    InformationsquelleAutor sidney
  6. -1

    DEMO

    Können Sie auch Daten von getter/setter-Funktion.

    var isCollapsed = $("#hideshow").data('role') == "collapsible";

if (isCollapsed)
       alert("collapsed");
    • Diese Antwort ist falsch.. Es würde sich immer zeigen, wie collapsed; und ich bin nicht sicher, was Ihre demo ist eigentlich zu tun?
    InformationsquelleAutor Raja Jaganathan
Schreibe einen Kommentar