практика показала - был неправ - погорячился...
если вначале списка css определений оказались установки
display или position
то - top, left, height (а может и какие нибудь другие - не проверял все свойства..
да и браузеры тоже...) - уже могут не быть такими как у нулевого объекта
поэтому меняем логику - сначала проверяем все свойста..
- изменившиеся сносим из списка
- остальные применяем..
-- тестовый объект создаем вначале, в конце удаляем
вот что вышло
| Код |
(function($){
$.fn.ifcss = function( new__css ){
if( $('#tstsCSSdefault').length > 0 ) { // если тестовый блок уже есть
$('#tstsCSSdefault').remove(); // удалим, для профилактики
};
$('body').append('<div id="tstsCSSdefault"></div>'); // создадим его новым
this.each( function(){ // проверяем все, что было обернуто на схожесть с идентичным свойством тестового блока
var new_css = new__css ;
for ( var name in new_css ) { // сравниваем полученный список со свойствами по умолчанию
if( $('#tstsCSSdefault').css( name ) !== $(this).css( name ) ){
// testOUT.msgs('del - ' + name + ' : ' + $('#tstsCSSdefault').css( name ) + ' ? ' +$(this).css( name )+' : '+new_css[name]);
delete new_css[name]; // и удаляем из списка те, которые отличаются от default
};
};
for ( var name in new_css ) { // оставшиеся отправляем по назначению
$(this).css( name, new_css[name] );
};
});
$('#tstsCSSdefault').remove(); // уже не нужен - удалим, чтобы не мешался
};
})(jQuery);
|
а вот так используем
| Код |
var backList = $('#ctrl_height_size_backList');
backList.ifcss( {
'display': 'none', 'position':'fixed',
'top':'1px', 'left':'1px',
'height':'100%', 'width':'100%',
'padding': '0px', 'margin': '0px',
'background-color': '#7777aa', 'cursor': 'pointer',
'opacity':'0.7', 'z-index':'11'
});
|
Уважаемые - взляните (а может и испытаете) свежим взлядом - какие есть ошибки??
|
)