Boas, tenho estado a fazer umas coisa com ajax, mas no qual eu tenho tido alguns problemas, com o javascript, a questão é que eu tenho uj metodo .hover qua não funciona depois do ajax ter carregado uma página nova.
está função encontra-se num .js á parte.
Código :
Também tenho outros problemas do mesmo genero com os botoes do facebook/twitter/google+.
Código :
eu faço load as páginas com a função load.
Código :
afinal era mais fácil do que parecia, em vez de usar o .load usei o $.ajax.
cumps
está função encontra-se num .js á parte.
Código :
$('.project-content').hover(function(){
$('.project-content').not(this).each(function(){
$(this).animate({filter: "alpha(opacity=50)",opacity: "0.5"});
});
$(this).animate({filter: "alpha(opacity=100)",opacity: "1"});
}, function() { $(".project-content").animate({filter: "alpha(opacity=100)",opacity: "1"});});
$('.project-content').not(this).each(function(){
$(this).animate({filter: "alpha(opacity=50)",opacity: "0.5"});
});
$(this).animate({filter: "alpha(opacity=100)",opacity: "1"});
}, function() { $(".project-content").animate({filter: "alpha(opacity=100)",opacity: "1"});});
Também tenho outros problemas do mesmo genero com os botoes do facebook/twitter/google+.
Código :
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
eu faço load as páginas com a função load.
Código :
$("#main-ajax").load(url + " #main-content", function(){
//$("#main-ajax").animate({opacity:"1", left:0}, "slow");
$("main-ajax").animate({ width: 'hide' });
//$(this).show("slide", { direction: "left" }, 1000);
spinOn(false);
});
//$("#main-ajax").animate({opacity:"1", left:0}, "slow");
$("main-ajax").animate({ width: 'hide' });
//$(this).show("slide", { direction: "left" }, 1000);
spinOn(false);
});
afinal era mais fácil do que parecia, em vez de usar o .load usei o $.ajax.
cumps