я сделал AJAX запрос в сНу контейнере в моем index.php, и в одном из моей загрузки страницы с помощью AJAX У меня есть эта функция JQuery:Как вернуть jquery после загрузки ajax?
$(document).ready(function(){
\t
\t var section = document.querySelector('.vs-section');
\t var divs = document.querySelectorAll('.vs-transform');
\t \t \t
\t var smooth = new Smooth({
\t \t \t \t direction: 'horizontal',
\t \t \t \t section: section,
\t \t \t \t ease: 0.1,
\t \t \t \t els: divs
\t \t \t });
\t \t \t smooth.init();
});
и эта функция не если я сделаю свой запрос ajax. Но если я вставить мой
<script src="js/jquery-1.11.2.min.js"></script>
внутри этой страницы он работает, но проблема в том, я загружаю JQuery уже в моем index.php, так что загрузить его в 2 раза, так как я могу получить мой jquery работает без перезагрузки в качестве анимации?
это мой Аякса:
$(document).ready(function(){
\t
$("#menu a").click(function(){
page=$(this).attr("href");
$.ajax({
url: "pages/"+page,
cache:false,
success:function(html){
afficher(html);
\t \t \t \t history.pushState({key : 'value'}, 'hash', page);
},
error:function(XMLHttpRequest,textStatus, errorThrown){
afficher("erreur lors du chagement de la page");
}
});
return false;
});
\t
$('#container').on('click', '.vs-transform a', function(){
\t var page=$(this).attr("href");
$.ajax({
url: "pages/"+page,
cache:false,
success:function(html){
\t afficher(html);
\t \t \t \t history.pushState({key : 'value'}, 'hash', page);
},
error:function(XMLHttpRequest,textStatus, errorThrown){
afficher ("erreur lors du chagement de la page");
}
});
return false;
\t });
window.onpopstate = function(event){
\t \t if(event.state === null){
\t \t \t // alert('bien');
\t \t }
\t };
});
\t \t
function afficher(data){
$("#container").delay(100).fadeOut(400,function(){
$("#container").empty(); \t \t \t \t
$("#container").append(data);
$("#container").fadeIn(500); \t
});
}
Загрузите jquery один раз в свой основной заголовок из cdn, и это не будет проблемой. –
вы должны предоставить обратный вызов для успеха ajax и выполнить код для загруженной страницы ajax внутри обратного вызова. Ваш код не может работать, если вы не выполнили его после добавления html вызова ajax в DOM – AndreaG
'$ (document) .ready (function() {' не требуется, если он выполняется в результате асинхронного ajax. –