Le clic sur une div ne fonctionne pas

**alaninho** · 27/06/2014, 14h31

Bonjour,

j'essaye de mettre un clique sur une div pour pouvoir charger une page avec load mais ça ne fonctionne pas et je ne comprend pas pourquoi.

Voici le code :

javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$(document).ready(function(){
    alert("ready");
    $("#DNAbox").click(function() {
        $(#main).load("/toto.html");
        return	false;
    });
})

html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!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="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link style="text/css" rel="stylesheet" href="Style/css/bioinfo.css" />
    <link style="text/css" rel="stylesheet" href="Style/css/box_homepage.css" />
    <script type="text/javascript" src="/libs/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="/scripts/bioinfo.js"></script>
    <title>bioinfo.lifl.fr - Bonsai Bioinformatics</title>
  </head>
  <body>                                              
   <div id="main"> 
     <div id="container_box">
	   <div id="DNAbox" class="boxHome">
             <div class="iconeBox">
               <img src="/Style/icon/DNA.png" alt="dna"/>
             </div>
             <div class="textBox">
               <h3> DNA </h3>
               <p> genome comparison, homology search, gene prediction, genome structure</p>
             </div>
	   </div>    
  </div>                           
</div>                                                                              
 
</body>                                        
</html>

J'ai mis le plus gros du code!

J'espère que quelqu'un va pouvoir m'aider rapidement

Alaninho

**Bovino** · 27/06/2014, 14h52

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(#main).load("/toto.html");

J'imagine que tu dois avoir une belle erreur dans la console te disant :

SyntaxError: illegal character

Regarde la coloration syntaxique et tu devrais trouver tout seul.

**SpaceFrog** · 27/06/2014, 15h43

pour jquery un selecteur est un string ...

**alaninho** · 30/06/2014, 10h57

En effet, il y avait ce problème que j'ai corrigé rapidement.

Mais il y avait un problème plus grand, j'avais une div qui empêchait les cliques que ma div.

J'ai réglé ce problème.

Merci d'avoir pris du temps pour regarder mon msg.

Alaninho

Le clic sur une div ne fonctionne pas

jQuery

Discussions similaires

Partager

Partager