JQuery не выполняется. Загружается страница

Question

У меня проблема с функцией .load. Загруженная страница не выполняет JQuery в загруженном div. Я убедился, что JQuery действительно находится в теге. Я думаю, что есть проблема с вызовом .load, но я новичок в этом. Есть идеи?

<script type="text/javascript"> 
var partyid = '<?php echo sanitize_text_field($_GET["Party_ID"]); ?>'; 
jQuery(document).ready(function($){ 
    if (localStorage.user2==localStorage.username2){ 
     var e = document.getElementById('display'); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 

     $('#Submission-2').load('http://example.com/play/?Party_ID=' + partyid + ' #Submission'); 
     refresh(); 
    } 
}); 
</script> 

<script type="text/javascript"> 
function refresh()  
{  
    setTimeout(function() {  
     $('#Submission-2').fadeOut('slow').load('http://example.com/play/?Party_ID=' + partyid + ' #Submission' , function() { 
      var username = '<?php echo $party_information[0]->Username; ?>'; 
      if (document.getElementById('total').value!=username){ 
       window.location.reload(); 
      } 
     }); 
     $('#Submission-2').fadeIn('slow').load('http://example.com/play/?Party_ID=' + partyid + ' #Submission'); 
     { 
      refresh(); 
     } 
  }, 5000);  
} 
</script> 

Jquery, который не выполняет

<script type="text/javascript"> 
jQuery("#Answertoggle3 .lietruth").click(function(){ 
    jQuery("#Answertoggle3 .lietruth").removeClass('active'); 
    jQuery(this).toggleClass('active'); 
}); 
jQuery("#Answertoggle2 .lietruth").click(function(){ 
    jQuery("#Answertoggle2 .lietruth").removeClass('active'); 
    jQuery(this).toggleClass('active'); 
}); 
jQuery("#Answertoggle1 .lietruth").click(function(){ 
    jQuery("#Answertoggle1 .lietruth").removeClass('active'); 
    jQuery(this).toggleClass('active'); 
}); 
</script> 

Кроме того, вместо исполняющего window.location.reload(); функция. Я хотел бы закончить выполнение содержащейся функции refresh(). Которая обновляется через каждые 5 секунд. Так что в основном прекратите освежающие.

Answer 1

Из того, что я понял из вашего вопроса попробовать что-то вроде этого:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#Answertoggle3 .lietruth").click(function(){ 
       $("#Answertoggle3 .lietruth").removeClass('active'); 
       $(this).toggleClass('active'); 
     }); 
     $("#Answertoggle2 .lietruth").click(function(){ 
       $("#Answertoggle2 .lietruth").removeClass('active'); 
       $(this).toggleClass('active'); 
     }); 
     $("#Answertoggle1 .lietruth").click(function(){ 
       $("#Answertoggle1 .lietruth").removeClass('active'); 
       $(this).toggleClass('active'); 
     }); 
    }) 
</script> 

Answer 2

Это то, что я добавил и сделал тумблер работу временно через fadeOut.load и FadeIn. Мне нужно остановить выполнение функции refresh(), если это правда.

if (document.getElementById('total').value!=username) 

вместо

window.location.reload(); 

Javascript

<script type="text/javascript"> 
function refresh()  
{  
var quitfunction = 0; 
 setTimeout(function() {  
$('#Submission-2').fadeOut('slow').load('http://example.com/play-with-friends/?Party_ID=' + partyid + ' #Submission' ,function() { 
jQuery("#Answertoggle3 .lietruth").click(function(){ 
     jQuery("#Answertoggle3 .lietruth").removeClass('active'); 
     jQuery(this).toggleClass('active'); 
}); 
jQuery("#Answertoggle2 .lietruth").click(function(){ 
     jQuery("#Answertoggle2 .lietruth").removeClass('active'); 
     jQuery(this).toggleClass('active'); 
}); 
jQuery("#Answertoggle1 .lietruth").click(function(){ 
     jQuery("#Answertoggle1 .lietruth").removeClass('active'); 
     jQuery(this).toggleClass('active'); 
}); 
var username = '<?php echo $party_information[0]->Username; ?>'; 
if (document.getElementById('total').value!=username) 
{ 
window.location.reload(); 
} 
     }); 
$('#Submission-2').fadeIn('slow').load('http://example.com/play-with-friends/?Party_ID=' + partyid + ' #Submission'); 
{ 
if (quitfunction==1) 
return; 
refresh(); 
} 
 }, 5000);  
} 
</script>