Discussion :

[Invité]

Bonjour

J ai un index dont une partie du code est

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
<div id="view">
    <span class="sp-link" data-sp-url="page_2">page 2</span>
    <p> <span class="sp-link" data-sp-url="page_3">page 3</span></p>
    <p>div view</p>
</div>
<!--  Scripts-->
<script src="jquery.js"></script>
<script>
    $(".sp-link").click(function() {
        var lurl = $(this).data("sp-url");
        $.get('pages/' + lurl + '.html', function(pageContent) {
            $('#view').html(pageContent);
        })
    });
</script>

Depuis mon index j appelle sans pb les pages 2 ou 3 mais quand j ai chargé le contenu dans ma div view cela ne fonctionne plus !,
c est à dire que le click sur mes class="sp-link" chargee dans view ne chargent rien

J ai tenté en modifiant le chargement comme ceci $('#view').load('pages/' + lurl + '.html'); mais toujours rien !

Si dans mes pages chargées je mets un <a href="../index.html">Retour à l index</a> cela fonctionne...

Un peu d aide serait bienvenue.
merci

[bonjourajax]

Bonjour, pour ton code qui ne "clique qu'une fois" essaye en changeant la premiere ligne par

Code :

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

1
2
 
$('body').on('click', '[class="sp-link"]', function() {

La methode .load() est deprecated

que t'indique

Code :

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

1
2
3
4
 
 $.get('pages/' + lurl + '.html', function(pageContent) {
          alert(pageContent);
        });

[Invité]

merci, cela fonctionne

ce qui m est indiqué c est

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

mais j avais cherché sur http://api.jquery.com et n ai pas trouvé qu elle etait depreciated...

Par quoi devrais-je la remplacer alors mon but etant de changer dynamiquement le contenu d une div

[psychadelic]

Par quoi devrais-je la remplacer alors mon but etant de changer dynamiquement le contenu d une div

en jQuery = $.load() => http://api.jquery.com/load/

en Javascript = fetch() => https://developer.mozilla.org/fr/doc...PI/Using_Fetch
( https://caniuse.com/#search=fetch )

[bonjourajax]

Ce code fonctionne :

Code :

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

1
2
3
4
5
6
 
$('body').on('click', '[class="sp-link"]', function() {
        var lurl = $(this).data("sp-url");
 
        $('#view').load('pages/' + lurl + '.html');
});

A noter que $.load() peut prendre en parametre une fonction callback

[Invité]

merci à tous