Was soll ich tun, wenn die Methode show() in jquery nicht funktioniert?

In jquery funktioniert die Methode show() nicht, da diese Methode nur auf Elemente angewendet wird, die durch jQuery-Methoden und „display:none“ in CSS ausgeblendet werden. Sie gilt nicht für Elemente, die durch „visibility:hidden“ ausgeblendet werden „element.style.visibility="visible"" um das Element sichtbar zu machen.

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Was tun, wenn die Methode show() in jQuery nicht funktioniert? Grund: show() gilt für Elemente, die durch die Methode jQuery und display:none in CSS ausgeblendet werden (gilt nicht für Elemente, die durch Visibility:hidden ausgeblendet werden).

visibility:hidden-Methode

visibility-Attribut gibt an, ob das Element sichtbar ist.

Auch unsichtbare Elemente nehmen Platz auf der Seite ein. Verwenden Sie das Attribut „display“, um unsichtbare Elemente zu erstellen, die keinen Platz auf der Seite beanspruchen.

Beschreibung

Dieses Attribut gibt an, ob die von einem Element generierte Elementbox angezeigt werden soll. Das bedeutet, dass das Element weiterhin seinen ursprünglichen Platz einnimmt, aber völlig unsichtbar sein kann. Die Wertereduzierung wird in Tabellen verwendet, um Spalten oder Zeilen aus dem Tabellenlayout zu entfernen.

Das Beispiel sieht wie folgt aus:

<div class="curr-page" style="visibility:hidden" id="currPage"></div>//visibility:hidden表示默认隐藏

var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "visible"; //显示
var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "hidden"; //隐藏

Wenn es sich um ein display:none-Element handelt, können Sie die Show-Methode direkt verwenden

Wenn die ausgewählten Elemente ausgeblendet wurden, werden diese Elemente angezeigt:

Syntax

$(selector).show(speed,callback)

Das Beispiel sieht wie folgt aus:

<div class="curr-page" style="display:none" id="currPage"></div>  //display:none表示默认隐藏

 $("#currPage").show();//Jquery方法 显示 
 $("#currPage").hide(); //Jquery方法 隐藏

Video-Tutorial Empfohlen:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn die Methode show() in jquery nicht funktioniert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!