Masonry - jQuery - probléme sur les liens

Par pixe, il y a 10 ans

Javascript

Bonjour, je suis actullement le tuto Mansory - jquery </br>
J'ai un probléme
quand je Click sur un des liens montrer ds le tuto,<br/>
Les lien :

<h1> Mon portfolio <small> <a href="#">dev</a> <a href="#">3D</a> <a href="#">web</a> </small> </h1>

j ai cette
erreur :<BR/>
Uncaught Error: Syntax error, unrecognized expression: .</BR>
Sur mon : <br/>
jquery.min.js</br>
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"<br/>
Je débute et comme mon erreur d'apres la console n'est pas
dans mon .js </br>
Je suis un peu dépassé.<br/>
Avez vous des conseilles ou avez vous déja eu ce probléme?<br/>
Merci

4 réponses

Jordan Taisne, il y a 10 ans

Hello,

La console te dit qu'un "." a été mis au mauvais endroit donc je pense que l'erreur vient de ton JS ...

c'est possible d'avoir un peut plus d'infos ? (il doit te donner un détail de l'erreur normalement)

Cordialement

pixe, il y a 10 ans

Hello jordan
Je vais etre plus précis donc , j ai commencé le tuto Masonry -jQuery <br/>
Quand je click sur un des lien "dev 3d WEB " cette erreure apparait dans ma console : <br/>

Uncaught Error: Syntax error, unrecognized expression: .

et m'indique le fichier : jquery.min.js ligne 2
</br>
au niveau du html :

<div class="page-header"> <h1> Mon portfolio <small> <a href="#">dev</a> <a href="#">3D</a> <a href="#">web</a> </small> </h1> </div> <div id="portfolio"> <div class="bloc dev"> <img src="Koala.jpg" alt="Koala" width="300" height="225"> </div>

au niveau de mon .js :<br />

jQuery(function($){ var portfolio = $('#portfolio'); portfolio.masonry({ isAnimated:true, itemSelector:'.bloc' }); $('h1 a').click(function(e){ var cls = $(this).attr('href').replace('#',''); portfolio.find('.bloc').removeClass('hidden'); portfolio.find('.bloc:not(.'+cls+')').addClass('hidden'); e.preventDefault(); }); })

Alors je vais regarder mon .js comme tu me l 'as indiqué
Merci pour ta réponse :)

Jordan Taisne, il y a 10 ans

Ton problème vient de la :

portfolio.find('.bloc:not(.'+cls+')').addClass('hidden');

car cls = '' donc le sélecteur est : '.bloc:not(.)' ce qui est incorrect.

il faut ajouter la class derrière ton href="#

ex:

<a href="#dev">dev</a>

Cordialement

pixe, il y a 10 ans

Re Jordan
Ah ui effectivement sa résoud mon probléme, je m'étais trop focalisé sur les fichiers .js
Je te remercie:)