Clic ne fonctionne plus après un retour avec le navigateur

**alaninho** · 30/06/2014, 14h43

Bonjour,

j'ai une page d'accueil avec plusieurs box, quand je clique sur l'une d'elle je charge une autre page dans la div id="main".

Et quand je reviens avec le retour du navigateur, donc je suis sur ma page d'accueil, le clique ne fonctionne plu. Je pense que c'est du au load() pour le rafraîchissement de la page que j'utilise mais j'ai utilisé live(), on(), delegate() et rien ne fonctionne.

Voici le code js et html.

Code :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
$(document).ready(function(){
    setInterval("checkURL()",250);//Appel la fonction checkURL() à un interval régulier
    $("#DNAbox").click(function() {
	loadPageTheme("theme_page/dna.html");
	return false;
    });
})
var lasturl="";
//Permet de voir si l'url est toujours la même lors de la mise à jour de la page        
function checkURL(){
    hash=window.location.hash;
    if(hash != lasturl){
        lasturl=hash;
        if(hash==""){
            //$("#main").load("/index.php #main");
	    loadPageHome();
        }else{
            loadPage(hash);
	    $('#logos').remove();
        }
    }
}
//Chargement de la page quand clique sur l'onglet, appelée dans checkURL()              
function loadPage(url){
    url=url.replace('#', '');
    var tab = url.split("/");
    if(tab[0]=="theme_page"){
	loadPageTheme(url);
    }
    else{
	var r_index = /index/;
	if (r_index.test(url)){
            $("#main").load(url+" #main");
	}else{
            $("#main").load(url);
	}
    }
}
function loadPageTheme(url_html){
    var tab = url_html.split("/");
    theme_tab=tab[1].split(".")
    theme_maj=theme_tab[0].toUpperCase();
    $("#title").text(theme_maj);
    $("#main").load(url_html);
    $("#footer").html('2013 -<a href="test">test</a>');
    $('#logos').remove();
    window.location.href="#"+url_html;
    $("head").append($(document.createElement("link")).attr({rel:"stylesheet", type:"text/css", href:"/Style/css/theme/"+theme_tab[0]+".css"}));
}
function loadPageHome(){
    $("#center").load("/index.php #center");
    $("#title").text("test");
    $("#footer").text("Updated : september 26, 2013");
    $("head").append($(document.createElement("link")).attr({rel:"stylesheet", type:"text/css", href:"/Style/css/theme/default.css"}));
}

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!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" />
    <link href="Style/css/page_theme.css" rel="stylesheet" style="text/css"/>
    <script type="text/javascript" src="/libs/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="/scripts/bioinfo.js"></script>
    <title>test</title>
  </head>
  <body>
   <a href="/">
    <div class="logo"></div>
   </a>
   <div class="frametitle">
     <h1 id="title">test</h1>                 
   </div>
   <div class="theme-border"></div>
   <div id="center">
   <?php include("menu.txt") ?>
    <div id="main">
     <div id="text_home">
      <p> The <a href=""> test </a> provides a wide range of bioinformatics software dedicated to biological sequence analysis.
          Program tools are available for download and/or through user-friendly
          web interfaces.
      </p>
     </div>
     <!--<div id="container_box">-->
       <div id="boxLeft">
	   <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 class="boxHome" id="RNAbox">
             <div class="iconeBox">
               <img src="/Style/icon/RNA.png" alt="rna"/>
             </div>
             <div class="textBox">
               <h3> RNA </h3>
               <p> noncoding RNA, RNA secondary structure,
		 prediction, comparison and alignment
               </p>
             </div>
	   </div>
 
 
 
	   <div class="boxHome" id="TFMbox">
             <div class="iconeBox">
               <img src="/Style/icon/TFM.png" alt="tfm"/>
             </div>
             <div class="textBox">
               <h3> Transcription Factor Matrices </h3>
               <p> transcription factor binding sites, transcriptional regulation
               </p>
             </div>
	   </div>
 
       </div>
 
       <div id="boxRight">
 
	   <div class="boxHome" id="HTSbox">
             <div class="iconeBox">
               <img src="/Style/icon/HTS.png" alt="hts"/>
             </div>
             <div class="textBox"> 
               <h3> High Throughput Sequencing </h3>
               <p> DNA-seq, RNA-seq, metatranscriptome, metagenome
               </p>
             </div>
	   </div>
 
 
 
	  <div class="boxHome" id="Protbox">
             <div class="iconeBox">
               <img src="/Style/icon/proteins.png" alt="proteins"/>
             </div>
             <div class="textBox"> 
               <h3> Proteins </h3>
               <p> alignment, protein coding sequences
               </p>
             </div>
	   </div>
 
 
	   <div class="boxHome" id="NRPbox">
	     <div class="iconeBox">
	       <img src="/Style/icon/NRP.png" alt="nrp"/>
	     </div>
	     <div class="textBox">
	       <h3> NRP </h3>
	       <p> nonribosomal peptides
	       </p>
	     </div>
	   </div>
 
       </div>
     <!--</div>-->                           
 
</div><!-- bloc droit-->
 
</div>
 
 
<div class="theme-border-footer"></div>                                                        
<div id="footer" class="copyright">
Updated : september 26, 2013
</div>                                                                                
 
</body>                                        
</html>

En espérant que quelqu'un peut m'aider rapidement.

Alaninho

**alaninho** · 01/07/2014, 15h58

En faite, mauvaise manip avec le on(), car maintenant tout fonctionne très bien.

Clic ne fonctionne plus après un retour avec le navigateur

jQuery

Discussions similaires

Partager

Partager