Scripts JQuery ne fonctionnent plus sur html chargé avec Load()
Bonjour,
- Je charge une page avec Load().
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| $(function(){
var deployer;
deployer = "";
var url ="";
// on charge une page (page01.html) avec un load dans une div qui apparait en slide (vers le bas)
function deploydown() {
url = $("#"+deployer.substring(0,6)+' a').attr('href');
$("#"+deployer.substring(0,6)).slideDown({duration: 700, easing: 'easeOutCirc'}).load(url);
}
}); |
- Cette sous page contient un script JQuery (plugin scrollTo) qui permet de faire un scroll horizontal.
Code:
1
2
3
4
5
| // On cible les a des classes "boutonhorizon"
$('.boutonhorizon a').click(function(){
// on cible la div #main et on glisse jusqu'à l'attribut en class exemple : #volet02
$('#main').scrollTo( $('#' + $(this).attr('class')), 800 , {easing:'easeOutCirc'}, {axis:'x'} );
}); |
Mon problème est que ce code de glissement horizontal de ma sous page marche parfaitement lorsque je lance ma sous page de manière indépendante, mais il ne fonctionne plus lorsque la page est inclue via load() dans ma page principale.
J'ai beau tout tenter je n'y arrive pas.
Pouvez vous m'indiquer la solution si toutefois il y en a une ?
je crois qu'il s'agit d'un problème de ciblage en ligne 4.
merci beaucoup
