Quando utilizo este código em meu arquivo, ocorre um erro no log, e acaba dando problemas em outras chamadas javascript.
Arquivo da página atual (o javascript que dá problema está no final):
<html>
<head>
<script src="../../assets/js/common-scripts.js"></script>
<script type="text/javascript">
$(document).ready(
$.ajax('indicadores.php?id_indicador=1').done(function(data) {
$("#collapse1").html(data);
});
);
</script>
</head>
<body>
<section id="container" >
<section id="main-content">
<section class="wrapper">
<div class="row">
<div class="col-lg-12 main-chart">
<h3 class="text-center"><i class="fa fa-bar-chart-o"></i> Indicadores</h3>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1" id="collapse11">Teste</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse active">
<!-- Carrega conteúdo do arquivo pa_nr_atendimentos.php através de Javascript-->
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</section>
</body>
</html>
O último script chama o conteúdo que está no arquivo indicadores.php
:
<!--Com esta chamada apresenta o erro citado. Se eu tirar não apresenta o erro, porém, o conteúdo abaixo sai desconfigurado pela falta do arquivo.-->
<script src="../../assets/js/common-scripts.js"></script>
<div class="panel-body">
<div class="row mt">
<!--AQUI HTML COM GRÁFICOS QUE SE BASEIAM NO ARQUIVO COMMOM-SCRIPTS.JS-->
</div>
</div>
ERRO APRESENTADO NO CONSOLE:
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.
Isto ocorre quando carrego o conteúdo presente na página indicadores.php
através de uma chamada em ajax assíncrono, executada na página atual. Alguém sabe como posso resolver?
Conteúdo de common-scripts.js: http://fiddle.jshell.net/tamh2mo5/:
/*---LEFT BAR ACCORDION----*/
$(function() {
$('#nav-accordion').dcAccordion({
eventType: 'click',
autoClose: true,
saveState: true,
disableLink: true,
speed: 'slow',
showCount: false,
autoExpand: true,
// cookie: 'dcjq-accordion-1',
classExpand: 'dcjq-current-parent'
});
});
var Script = function () {
// sidebar dropdown menu auto scrolling
jQuery('#sidebar .sub-menu > a').click(function () {
var o = ($(this).offset());
diff = 250 - o.top;
if(diff>0)
$("#sidebar").scrollTo("-="+Math.abs(diff),500);
else
$("#sidebar").scrollTo("+="+Math.abs(diff),500);
});
// sidebar toggle
$(function() {
function responsiveView() {
var wSize = $(window).width();
if (wSize <= 768) {
$('#container').addClass('sidebar-close');
$('#sidebar > ul').hide();
}
if (wSize > 768) {
$('#container').removeClass('sidebar-close');
$('#sidebar > ul').show();
}
}
$(window).on('load', responsiveView);
$(window).on('resize', responsiveView);
});
$('.fa-bars').click(function () {
if ($('#sidebar > ul').is(":visible") === true) {
$('#main-content').css({
'margin-left': '0px'
});
$('#sidebar').css({
'margin-left': '-210px'
});
$('#sidebar > ul').hide();
$("#container").addClass("sidebar-closed");
} else {
$('#main-content').css({
'margin-left': '210px'
});
$('#sidebar > ul').show();
$('#sidebar').css({
'margin-left': '0'
});
$("#container").removeClass("sidebar-closed");
}
});
// custom scrollbar
$("#sidebar").niceScroll({styler:"fb",cursorcolor:"#4ECDC4", cursorwidth: '3', cursorborderradius: '10px', background: '#404040', spacebarenabled:false, cursorborder: ''});
$("html").niceScroll({styler:"fb",cursorcolor:"#4ECDC4", cursorwidth: '6', cursorborderradius: '10px', background: '#404040', spacebarenabled:false, cursorborder: '', zindex: '1000'});
// widget tools
jQuery('.panel .tools .fa-chevron-down').click(function () {
var el = jQuery(this).parents(".panel").children(".panel-body");
if (jQuery(this).hasClass("fa-chevron-down")) {
jQuery(this).removeClass("fa-chevron-down").addClass("fa-chevron-up");
el.slideUp(200);
} else {
jQuery(this).removeClass("fa-chevron-up").addClass("fa-chevron-down");
el.slideDown(200);
}
});
jQuery('.panel .tools .fa-times').click(function () {
jQuery(this).parents(".panel").parent().remove();
});
// tool tips
$('.tooltips').tooltip();
// popovers
$('.popovers').popover();
// custom bar chart
if ($(".custom-bar-chart")) {
$(".bar").each(function () {
var i = $(this).find(".value").html();
$(this).find(".value").html("");
$(this).find(".value").animate({
height: i
}, 2000)
})
}
}();
Com o common-scripts.js no arquivo indicadores.php: Sem o common-scripts.js no arquivo indicadores.pho:
Isto ocorre mesmo common-scripts.js já tendo sido carregado anteriormente na página atual.
Versão do jQuery: 1.8.3
async
como falso, exemplo (veja o alerta no console).