jQuery.getJSON() возвращает не те данные

188

09 июня 2018, 00:30

Здравствуйте уважаемые знатоки, вопрос такой: Мне на сайте WP в sidebar нужно вывести 2 виджета, для этого я использую разные файлы JS в которых принимаю JSON тоже из разных файлов. 1) Файл widgetTopTen.js 2) Файл widgetTenNews.js. Когда я написал 1-й файл все работало отлично но после подключения второго файла первый виджет перестал отображать данные. При выводе в консоль полученных данных для 1-го виджета отображаются данные только 2 виджета. По отдельности они работают нормально, а в данной ситуации работает только второй виджет

1 widgetTopTen.js

var $j = jQuery.noConflict(); 
 
document.write('<div id="topTen"></div>') 
 
var url = "/view-crypto.php"; 
 
 
 
function showTopTen(){ 
 
	$j.getJSON(url,  function(data){ 
		console.log(data); 
		$j('#topTen').empty(); 
 
		for(var i in data){ 
 
			var linkCrypto =  data[i].id; 
 
			 
 
 
			if(Number(data[i].percent_change_24h) >= 0){ 
				var img_row = gr_row; 
			}else{ 
				img_row = red_row; 
			} 
 
 
			$j('#topTen').append('<a href="/'+ linkCrypto +'"><div class="strTopTen"><div class="nameTopTen"><img src="/wp-content/themes/mh-magazine-lite/top/logoCrypto/'+ data[i].logo +'">'+ data[i].symbol +'</div><div class="priceTopTen" id="topTen_'+data[i].id+'">$ ' + Number(data[i].price_usd).toFixed(2) + ' (' + data[i].percent_change_24h + '%)'+ img_row +'</div></div></a>'); 
 
 
			if(Number(data[i].percent_change_24h) >= 0){ 
				$j('#topTen_'+data[i].id).css({"color":"green","font-weight":"bold"}); 
			}else{ 
				$j('#topTen_'+data[i].id).css({"color":"red","font-weight":"bold"}); 
			} 
 
			if(i >= 9){ 
				break; 
			} 
 
		} 
 
	}); 
 
} 
$j(document).ready(function(){   
 
showTopTen(); 
 
});

2 Файл widgetTenNews.js

var $j = jQuery.noConflict(); 
   
 
document.write('<div id="TenNews"></div>') 
 
var url = "http://ico-top.net/wp-content/themes/mh-magazine-lite/top/TenNewsJson.php"; 
 
unction showTenNews(){ 
	  
 
	$j.get(url, function(data){ 
 	 
	$j('#TenNews').empty(); 
	$j('#TenNews').append('<ul class="widgetTenNews">'); 
	for(var i in data){ 
 
		$j('.widgetTenNews').append('<li><a href="/'+ data[i].alias +'"><div >'+ data[i].title +'</div></a></li>'); 
		 
		 
	} 
	$j('.widgetTenNews').append('</ul>'); 
 
}); 
 
 } 
 $j(document).ready(function(){  
 
       showTenNews(); 
        
 });