jQuery Girl
  1. jQuery Girl
  3. Problèmes de formatage du texte après jQuery
Intereting Posts
Filtrer la sélection de la catégorie déroulante basée sur une autre option déroulante La fonction jQuery show () n’est pas exécutée dans Safari si le gestionnaire d’envoi renvoie true Évitez la fonction createElement si elle se trouve dans un élément (contentEditable) Jquery: Comment masquer ou fermer toutes les info-bulles d’amorçage ouvertes Comment utiliser load () pour actualiser une div sans dupliquer l’élément? Magento | Utilisez les incréments de quantité et ajax append au panier sur la page de catégorie et la vue du produit Déclenchez iScroll 4 sur tous les éléments d’une certaine classe Pourquoi l’événement de soumission de formulaire Jquery ne se déclenche-t-il pas? Jquery onclick sur div Comment append un événement de clic par nom de classe? La chaîne chinoise ne peut pas être reconnue après la requête ajax les entrées de formulaire insérées dynamicment ne sont pas postées Appel de service Web Jquery ASMX – envoi / réception de types complexes Evénement Trigger Change et événement keyup dans l’élément select WebMethod ASP.Net 405

Problèmes de formatage du texte après jQuery

J’ai utilisé le formulaire de code ici: Texte surchargé avec HTML dans un autre div – pour que le texte soit transmis dans un nouveau div. Cependant, j’ai maintenant des problèmes de formatage avec le texte. Le premier mot de chaque paragraphe est en quelque sorte suivi d’un saut de ligne.

Vous pouvez voir un exemple ici: http://jsfiddle.net/hm2yfw61/9/ 

var currentCol = $('.box:first'); var text = currentCol.html(); currentCol.html(''); text = text.replace(/ (?![^]*>)/gi, '%^%'); var wordArray = text.split('%^%'); $.fn.hasOverflow = function () { var div = document.getElementById($(this).attr('id')); return div.scrollHeight > div.clientHeight; }; for (var x = 0; x < wordArray.length; x++) { var word = wordArray[x]; currentCol.append(word + ' '); if (currentCol.hasOverflow()) { currentCol = currentCol.next('.box'); } }

Est-ce que quelqu’un sait comment je peux résoudre ce problème?

Merci.

—– MISE À JOUR: J’ai mis à jour jsfiddle avec les solutions de travail suggérées en référence pour les autres personnes susceptibles de faire face à des problèmes similaires ——

Cela peut paraître un peu compliqué, mais essayez ce qui suit:

  1. Ajouter la règle CSS suivante

.box > p:first { display: none; }

  1. Ajoutez “nbsp;” (y compris l’espace) au début de chaque chaîne dans les .box > p .

      Jumo handango

Violon mis à jour