Masonry - jQuery - probléme sur les liens

pixe
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
Réponse acceptée

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

Jordan Taisne

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
Auteur

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 :)

pixe
Auteur

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