0
votes

JQuery Couche Ajouter une étiquette en bas au lieu d'entourer ses articles

J'essaie d'entourer tous les articles à l'intérieur du panneau principal avec un div mais que la div est juste ajoutée au bas de la classe

J'ai encore essayé d'utiliser le code suivant, mais le résultat est que le Les éléments du panneau principal de DIV ne sont pas entourés de la couche étroite div, mais il vient de l'ajouter en bas comme vous pouvez le voir sur l'écran P>

main_panel_height = $('.main-panel')[0].scrollHeight;
                $layer = $('<div class="close-layer"></div>');
                $layer.css('height', main_panel_height + 'px');
                $layer.appendTo(".main-panel");

javascript jquery html

1 commentaires

Avez-vous entendu parler de la fonction wrap?

3 Réponses :

1
votes

en utilisant .wrap () code> est normalement le meilleur moyen de Eléments d'enveloppement à l'aide de jQuery:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="main-panel">main panel</div>

0 commentaires

1
votes

Utilisez Wrapinner

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="main-panel">main panel</div>

0 commentaires

0
votes

Vous voudrez peut-être utiliser la fonction APPENDTO (qui ajoute à la fin de l'élément): xxx pré>

exemple p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="main-panel">main
  <div class="content">content</div>
  <footer class="footer"> footer</footer>
</div>

0 commentaires