IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Méthode next() jQuery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    Juin 2015
    Messages
    50
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur multimédia
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2015
    Messages : 50
    Par défaut Méthode next() jQuery
    Bonjour tout le monde

    Pour la première fois, j'utilise la méthode next().
    mon script ne fonctionne pas et je ne comprends pas pourquoi
    mon utilisation est très simple. J'aimerais qu'on appuie sur un bouton et que la suite du texte s'affiche. J'ai plusieurs fois ce cas de figure dans le site sur lequel je travaille et ça me permettrait de généraliser l'emploi
    ici je vous mets tout le code concernant le script. si quelqu'un a l'oeil avisé et connait bien cette méthode je suis preneur
    html:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <p>texte<a  class="moreText"  href="#">lire +</a><div class="partie2"></p>
    <p>Suite du texte</p></div>
    le JS:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    $('body').on('click', '.moreText', function(e) {
    		e.preventDefault();
    		$(this).next('.partie2').toggle('blind');
    	});
    et le CSS
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .partie2 {
    	display: none;
    }

    merci pour votre aide
    à bientôt
    Cyril

  2. #2
    Membre très actif
    Homme Profil pro
    Déveleoppeur Web/Mobile
    Inscrit en
    Avril 2013
    Messages
    330
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Déveleoppeur Web/Mobile
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2013
    Messages : 330
    Par défaut
    Tu as bien la la lib jquery ui ? Sinon utilise

    Code JS : Sélectionner tout - Visualiser dans une fenêtre à part
    $(this).next('.partie2').toggle();

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 210
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 210
    Par défaut
    Bonjour,
    un code HTML bien formé c'est des soucis en moins, regarde bien l'imbrication de tes balises

  4. #4
    Membre averti
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    Juin 2015
    Messages
    50
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur multimédia
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2015
    Messages : 50
    Par défaut
    Merci pour vos réponses rapides
    j'ai bien jQuery UI installée
    et j'ai bien pensé que c'était mes balises <p> un peu mal placées mais c'est une fonction que j'ai écrite en Php qui coupe le texte en fonction du nombre de caractères donc ici ça coupe au milieu d'une balise <p>
    bon je dois aller corriger mon script php ? Pas d'autres solutions ?
    A+

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Ben tu ne peux pas fermer une balise si un enfant de cette balise n'est pas fermée et espérer la fermer ensuite ...

    tes balise sont mal balancées et se chevauchent ce n'est pas correct et jquery ne s'y retrouve pas

    Pas d'autre solution que de corriger le problème en amont
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre averti
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    Juin 2015
    Messages
    50
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur multimédia
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2015
    Messages : 50
    Par défaut
    yes merci à tout le monde pour vos suggestions
    effectivement, j'ai au passage découvert la fonction strip_tags() en php, j'ai enlevé les balises et c'est tout bon ça fonctionne
    à bientôt

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 4
    Dernier message: 10/04/2014, 20h10
  2. Problèmatique avec .next() Jquery
    Par yaniss321 dans le forum ASP.NET MVC
    Réponses: 1
    Dernier message: 01/04/2013, 17h36
  3. comment binder un json envoyer par la méthode Post (jquery)
    Par thor76160 dans le forum ASP.NET MVC
    Réponses: 9
    Dernier message: 04/01/2012, 15h54
  4. [jQuery] Méthode jQuery.post
    Par Llaur76 dans le forum jQuery
    Réponses: 1
    Dernier message: 07/12/2007, 15h18
  5. Comment faire du chainage de méthode ( comme jquery)
    Par le_chomeur dans le forum Général JavaScript
    Réponses: 15
    Dernier message: 07/11/2007, 12h13

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo