Итерируя с $ .each - PullRequest
Новая
       50

Итерируя с $ .each

0 голосов
/ 30 марта 2011

Во время итерации объекта, содержащего данные, я проверяю, является ли URL-адрес изображения действительным с помощью функции. Проблема в том, что функция проверки изображения запускается только для последнего объекта, 8 раз. Кто-нибудь может понять почему?

функция проверки изображения: 

function checkImage(url, succ, err){
    var checkImg = new Image();
    checkImg.src = url;
    checkImg.onerror = function() {
        err();
    };
}

и каждая часть: 

var obj = {},
searchResults = [];

$.each(data, function(i, m){
    obj = {'image': m.park_photo1_290x220, 'name': m.park_name, 'developer': m.park_developer_name,
    'location': m.park_location_name, 'exact_location': m.park_location_parent_name,
    'total_area': m.area, 'free_area': m.free_area, 'id': m.id, 'lat': m.park_lat, 'lon': m.park_lon};                            
    var uri = obj.image;
    console.log('object');

    checkImage(uri, function(){
        obj.image = uri;
    }, function() {
        console.log(x++);
        console.log(obj.name+','+obj.image);
        obj.image = 'images/no_foto_ssmall.png';
        console.log(obj.image);
    });

    searchObjects.push(obj);

    $('#search-results').append(''+
        '<li class=\"ui-li-has-thumb ui-btn ui-btn-icon-right ui-li ui-btn-up-c\" role=\"option\" tabindex=\"'+ i +'\" data-theme=\"c\"><div>'+
        '<img src=\"'+ searchObjects[i].image +'\" class="ui-li-thumb">'+
        '<h3 class="ui-li-heading"><a href="#" class="ui-link-inherit single" name=\"'+ i +'\">'+ 
        searchObjects[i].name +'</a></h3></div>'+
        '<div class=\"search-detail\"><p>'+ searchObjects[i].developer +'</p></div>'+
        '<div class=\"search-detail\"><p>'+ searchObjects[i].location +'</p></div>'+
        '<span class=\"ui-icon ui-icon-arrow-r\"></span></li>'
    );
});

обратная связь с firebug: 

object
object
object
object
object
object
object
object
object
object
object
object
object
object
object
object
object
object
object
object

error1
1
Panattoni Park 1,/static/realestate/wp/wpp-88645820868768.jpg.290x220_q85.jpg
images/no_foto_ssmall.png
error1
2
Panattoni Park 1,images/no_foto_ssmall.png
images/no_foto_ssmall.png
error1
3
Panattoni Park 1,images/no_foto_ssmall.png
images/no_foto_ssmall.png
error1
4
Panattoni Park 1,images/no_foto_ssmall.png
images/no_foto_ssmall.png
error1
5
Panattoni Park 1,images/no_foto_ssmall.png
images/no_foto_ssmall.png
error1
6
Panattoni Park 1,images/no_foto_ssmall.png
images/no_foto_ssmall.png
error1
7
Panattoni Park 1,images/no_foto_ssmall.png
images/no_foto_ssmall.png
error1
8
Panattoni Park 1,images/n

o_foto_ssmall.png Изображения / no_foto_ssmall.png

EDIT

по запросу, мой объект: 

var data = [{"total_area": 10800.0, "developer_id": 1511, 
    "photo1_290x220": "/static/realestate/wp/wpp176885389187907.jpg.290x220_q85.jpg", 
    "location_parent_name": "BZZ", "agent_phone_fax": "", 
    "location_id": 147, "id": 760, "developer_fax": "", "location_name": "ABC", 
    "lon": 10.870075199999999, "object_id": 201, "developer_name": "Orpo", 
    "agent_id": 8,"lat": 52.2079223, "warehouses_counter": 1, 
    "name": "Park 1","agent_phone_mobile": "+48 668 124 152", "featured": false, 
    "location_parent_id": 106}, 
    {"total_area": 30780.0, "developer_id": 193, 
    "photo1_290x220": "/static/realestate/wp/wpp195908774409312.JPG.290x220_q85.jpg", 
    "location_parent_name": "CDE", "agent_phone_fax": "", "location_id": 138, 
    "id": 761, "developer_fax": "", "location_name": "XYZ", 
    "lon": 20.9232473, "object_id": 187, "developer_name": "Orco","lat": 32.171918300000002, 
    "warehouses_counter": 5, "name": "Park 2","featured": false, 
    "location_parent_id": 106}]

Ответы [ 2 ]

0 голосов
/ 30 марта 2011

Похоже, у вас есть переменная obj, определенная вне области видимости, поэтому она не может быть правильно оценена.

Возможно searchResults переменная должна быть searchObjects один.

И похоже, что вы пытаетесь прочитать неверные данные из своего хэша, поэтому он возвращает undefined почти везде.

Может быть, этот код поможет вам: 

var x = 0;
var obj = {},
searchObjects = [];

$.each(data, function(i, m){
    var obj1 = {'image': m.photo1_290x220, 'name': m.name, 'developer': m.developer_name,
    'location': m.location_name, 'exact_location': m.location_parent_name,
    'total_area': m.total_area, 'free_area': m.free_area, 'id': m.id, 'lat': m.lat, 'lon': m.lon};                            
    var uri = obj1.image;

    console.log(obj1.name+','+obj1.image);
    checkImage(uri, function(){
        obj1.image = uri;
    }, function() {
        console.log(x++);
        obj1.image = 'images/no_foto_ssmall.png';
        console.log(obj1.image);
    });

    searchObjects.push(obj1);

    $('#search-results').append(''+
        '<li class=\"ui-li-has-thumb ui-btn ui-btn-icon-right ui-li ui-btn-up-c\" role=\"option\" tabindex=\"'+ i +'\" data-theme=\"c\"><div>'+
        '<img src=\"'+ searchObjects[i].image +'\" class="ui-li-thumb">'+
        '<h3 class="ui-li-heading"><a href="#" class="ui-link-inherit single" name=\"'+ i +'\">'+ 
        searchObjects[i].name +'</a></h3></div>'+
        '<div class=\"search-detail\"><p>'+ searchObjects[i].developer +'</p></div>'+
        '<div class=\"search-detail\"><p>'+ searchObjects[i].location +'</p></div>'+
        '<span class=\"ui-icon ui-icon-arrow-r\"></span></li>'
    );
});

И это собралось на скрипаче http://jsfiddle.net/nC7WA/1/

0 голосов
/ 30 марта 2011

Все ваши замыкания закрываются в одной и той же области, и поэтому тот же самый экземпляр obj, так как onerror вызывается асинхронно, в то время как он называется obj, уже являясь последним значением.

решение должно состоять в том, чтобы добавить var перед obj: 

var obj = {'image': ...

Это small jsfiddle demo дважды выполнить один и тот же код, один раз с исправлением и один раз без исправления.

...