Это сводило меня с ума уже два дня ... Я пытался интегрировать магазин Big Cartel в сайт, используя их внешний API, но у меня есть некоторые проблемы с работой скрипта.Кажется, работает так, как я хочу в Chrome и Safari, но не в FF и IE?Страница, на которую я пытаюсь получить продукты: http://www.denimgeek.com/wp-content/featured.html (которая в настоящее время работает в Chrome и Safari).
Кодировка страницы ниже, я никоим образом не являюсь Javascriptпрограммист, но есть идеи, почему это не будет работать в этих браузерах?Firefox продолжает говорить «консоль не определена», и она не работает в IE8, но после того, как я вхожу в инструменты разработчика и изменяю режим страницы на причуды ?!Это сводит меня с ума!
Код страницы ниже, мне не хватает чего-то простого?
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.denimgeek.com/wp-content/themes/atlantica/style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var subdomain = 'denimgeek';
$(function() {
function findImage(url, size) {
if(!size) return url;
var ext = url.match(/\.(\w{2,4}$)/)[1];
var dir = url.substr(0, url.lastIndexOf('/') + 1);
switch(size.toLowerCase()) {
case 'large':
return dir + '300.' + ext;
case 'medium':
return dir + '175.' + ext;
case 'thumb':
return dir + '75.' + ext;
default:
return url;
}
}
$.getJSON('http://api.bigcartel.com/' + subdomain + '/products.js?callback=?', function(products) {
$.each(products, function(i, product) {
console.log(product);
$('#products').append('<li><img src="' + findImage(product.images[0].url, 'large') + '"><br><a href="http://' + subdomain + '.bigcartel.com' + product.url + '">' + product.name + '</a></li>');
});
});
});
</script>
</head> <body> <ol id="products"></ol></body></html>