Le Tuto de "réaliser un pop-in avec jQuery" marche pas

Par Joker922, il y a 13 ans

Javascript

Donc voici mon probleme, quand j'appui sur le lien il m'affiche l'image sur une autre page et le rel ne marche pas j'ai l'impression

12 réponses

djtec, il y a 13 ans

Avec un peu de code on pourrait plus t'aider et as tu une erreur dans la console js

Joker922, il y a 13 ans

non je n'ai pas d'erreur j'ai fais la meme chose que se qui ya ecri mais cela ne marche pas dès le debut le alert ne marche pas

$(document).ready(function(){
    mybox.init();
});
mybox = {
    init : function(){
        $("a[rel='mybox']").click(function(){
            mybox.lien = $(this).attr('href');
            alert(mybox.lien);
            return false;
        });
    }
}
djtec, il y a 13 ans

si tu met un alert juste avant la détection du click il s'affiche ou pas?

Joker922, il y a 13 ans

non et je ne comprend pas pourquoi :/

Joker922, il y a 13 ans

peut etre c'est a cause de son fichier jquery qui l'a recharger de son local et il en parle pas

Ciloe, il y a 13 ans

Si yu as plusieurs fichier JS qui utilisent $(document).ready(function(){}); ils vont entrer en conflit (ça m'est arrivé la semaine dernière).

Tu dois utiliser $(function(){}); à la place pour qu'ils n'entrent pas en conflit.

Si non c'est peut être tous simplement par se que tu ne fais pas appel à ton fichier dans ta page ou enfin que jquery est mal chargé.

Vérifie tous cela.

Joker922, il y a 13 ans

regarde mon fichier index.html tous se que j'ai chargé :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
            <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
        <link rel="stylesheet" href="http://www.grafikart.fr/demo/coreadmin/css/style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="mybox.css" type="text/css" media="screen" />

        <script type="text/javascript" src="mybox.js"></script>

    </head>
    <body>
        <div id="conteneur">
            <h1>Demo zoombox</h1>
            <p>Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent,
            quoniam magister equitum longius ea tempestate distinebatur, iussus comes 
            orientis Nebridius contractis undique militaribus copiis ad eximendam periculo
            civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla
            re amplius <a rel='mybox' href="http://ornitho.uqac.ca/2005/20050401_raton.jpg" >memorabili</a> gesta, dispersique ut solent avia montium petiere celsorum.
            </p>
        </div>
    </body>
    </html>
Ciloe, il y a 13 ans

Il te manque bien Jquery.

Et pense à changer le début de ton js par $(function(){});

Joker922, il y a 13 ans

mais son jQuery la en local lui et il en parle pas :/ je fais comment pour l'avoir regarde le debut de la video tu vera bien

Ciloe, il y a 13 ans

Oui je sais bien mais dans ta page tu n'en fait pas appel rajoute la ligne
<script type="text/javascript" src="jquery.js"></script>
où à l'interrieur tu as jquery

Joker922, il y a 13 ans

C'est bon merci j'ai trouvé le jquery ^^

Ciloe, il y a 13 ans

^^ De rien :3