не могу получить свойство объекта в Google Crome
есть такой код
$(function(){ // Инициализируем переменные var action = {} var imgProp = {} $.fn.crop_n_wMark = function(opt){ opt = $.extend({ defWidth : '300', //Ширина по-умолчнию(без px) defHeight : '300', //Высота по-умолчнию(без px) /*Значения*/ // false - не использовать // '#000' - цвет (# - обязательно) // 'img/img.jpg' - путь к изображению overlay : '', //Слой overlayOp : '0.5' }, opt) action.init = function(el){ if($.browser.webkit){ $(el).find('img').bind('load', function(){ imgProp.i_width = $(this).width(), imgProp.i_height = $(this).height(), imgProp.i_path = $(this).attr('src') }) } else { imgProp.i_width = $(el).find('img').width(), imgProp.i_height = $(el).find('img').height(), imgProp.i_path = $(el).find('img').attr('src') } //return action.appElements(el, imgProp) } action.appElements = function(el, obj){ var viewFrame = $('<div id="viewFrame" class="viewFrame"></div>') var overlay = $('<div id="overlay" class="overlay"></div>') if(opt.overlay){ var clr = opt.overlay.slice(0,1) //проверяем # if(clr != '#'){ overlay.css({ backgroundImage : 'url(' + opt.overlay + ')', backgroundRepeat : 'no-repeat' }) } else { overlay.css({ backgroundImage : 'none', backgroundRepeat : 'no-repeat', backgroundColor : opt.overlay }) } } console.dir(obj) //объект со свойствами console.log(obj.i_width) // undefined... беда... $(overlay).css({ width: obj.i_width + 'px', height: obj.i_height + 'px' }).appendTo($(el)) } return this.each(function(){ action.init(this) action.appElements(this, imgProp) }) } }) все бы хорошо, но в хроме console.dir(obj) выдает объект со всеми свойствами правильно, а обращение к конкретному свойству obj.i_width выдает undefined. В чем может быть причина? |
Часовой пояс GMT +3, время: 02:41. |