Que dois-je faire si la méthode show() dans jquery ne fonctionne pas ?

En jquery, la méthode show() ne fonctionne pas car cette méthode s'applique uniquement aux éléments masqués via les méthodes jQuery et "display:none" en CSS. Elle ne s'applique pas aux éléments masqués via "visibility:hidden Just Just use". "element.style.visibility="visible"" pour rendre l'élément visible.

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Que faire si la méthode show() dans jquery ne fonctionne pas

Raison : show() est applicable aux éléments masqués par la méthode jQuery et display:none en CSS (non applicable aux éléments masqués par visibilité:hidden).

visibility:hidden méthode

visibility attribut spécifie si l'élément est visible.

Même les éléments invisibles prennent de la place sur la page. Utilisez l'attribut "display" pour créer des éléments invisibles qui n'occupent pas d'espace sur la page.

Description

Cet attribut précise s'il faut afficher la boîte d'élément générée par un élément. Cela signifie que l’élément occupe toujours son espace d’origine, mais peut être totalement invisible. L'effondrement des valeurs est utilisé dans les tableaux pour supprimer des colonnes ou des lignes de la disposition du tableau.

L'exemple est le suivant :

<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"; //隐藏

S'il s'agit d'un élément display:none, vous pouvez utiliser directement la méthode show

Si les éléments sélectionnés ont été masqués, alors affichez ces éléments :

Syntaxe

$(selector).show(speed,callback)

L'exemple est le suivant :

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

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

Tutoriel vidéo Recommandé : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!