$(object).css('key','value') is not updating
EDIT: I've updated to 1.5.1 - the error persists.
I'm using jQuery 1.3.4 right now, and I have the problem where .css is not updating the style information of two items:
The code below produces the underlined lines of output. The red parts show where I expect my calls to .css to update the values, and I do not see updated values. I've added '//FAIL' after the lines that aren't doing what I expect them to do, and also highlighted them in red.
Anyone have an idea what I might be doing wrong, or what might be causing this?
| Element |
X (701.4833374023438) |
Y (284.41668701171875) |
W |
H |
| cont(PM_MENU |
499.48333740234375 |
217.06666564941406 |
200 |
47 |
| itc() |
501.48333740234375 |
284.41668701171875 |
200 |
13 |
| INITIAL submenu (PM_BC_MENU) |
86.58332824707031 |
213.06666564941406 |
200 |
47 |
| INITIAL subitems (PM_BC_MENU_items) |
86.58332824707031 |
260.06666564941406 |
200 |
104 |
| MID submenu (PM_BC_MENU) |
86.58332824707031 : 701.4833374023438 |
213.06666564941406 |
200 |
47 |
| MID subitems (PM_BC_MENU_items) |
701.4833374023438 : 701.4833374023438 |
331.41668701171875 |
200 |
104 |
| PREFINAL submenu (PM_BC_MENU) |
86.58332824707031 |
213.06666564941406 |
200 |
47 |
| PREFINAL subitems (PM_BC_MENU_items) |
701.4833374023438 |
331.41668701171875 |
200 |
104 |
| FINAL submenu (PM_BC_MENU) |
86.58332824707031 |
213.06666564941406 |
200 |
47 |
| FINAL subitems (PM_BC_MENU_items) |
86.58332824707031 |
260.06666564941406 |
200 |
104 |
- function MenuOpenSub(cont,itc)
{
var item_container = cont.data('ItemContainer');
return function(e)
{
//start up the menu in the ideal position
var y = itc.offset().top;
var x = itc.offset().left+itc.width();
var s = itc.data('SubMenu');
var is = $('#'+s.attr('id')+'_items');
var dw=doc.width();
var dh=doc.height();
s.show();
is.show();
EnforceMaxHeight(s); //make sure the height of the menu is within the realm of what the config says - smartly shrink if not.
$('#OUTPUT').html('<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>\
<TABLE>\
<TBODY ID=\"OUTPUTTBDY\">\
<TR>\
<TH>Element</TH><TH>X ('+x+')</TH><TH>Y ('+y+')</TH><TH>W</TH><TH>H</TH>\
</TR><TR>\
<TD>cont('+cont.attr('id')+'</TD><TD>'+cont.offset().left+'</TD><TD>'+cont.offset().top+'</TD><TD>'+cont.width()+'</TD><TD>'+cont.height()+'</TD>\
</TR><TR>\
<TD>itc('+itc.attr('id')+')</TD><TD>'+itc.offset().left+'</TD><TD>'+itc.offset().top+'</TD><TD>'+itc.width()+'</TD><TD>'+itc.height()+'</TD>\
</TR><TR>\
<TD>INITIAL submenu ('+s.attr('id')+')</TD><TD>'+s.offset().left+'</TD><TD>'+s.offset().top+'</TD><TD>'+s.width()+'</TD><TD>'+s.height()+'</TD> \
</TR><TR>\
<TD>INITIAL subitems ('+is.attr('id')+')</TD><TD>'+is.offset().left+'</TD><TD>'+is.offset().top+'</TD><TD>'+is.width()+'</TD><TD>'+is.height()+'</TD>\
</TR>\
</TBODY>\
</TABLE>');
//initial top/left position of the menu container and options.:
s.css('top',''+y+'px'); //FAIL
s.css('left',''+x+'px'); //FAIL
is.css('top',''+(y+s.height())+'px');
is.css('left',''+x+'px');
$('#OUTPUTTBDY').append('\
<TR>\
<TD>MID submenu ('+s.attr('id')+')</TD>\
<TD>'+s.offset().left+' : '+x+'</TD>\
<TD>'+s.offset().top+'</TD>\
<TD>'+s.width()+'</TD>\
<TD>'+s.height()+'</TD>\
</TR>');
$('#OUTPUTTBDY').append('\
<TR>\
<TD>MID subitems ('+is.attr('id')+')</TD>\
<TD>'+is.offset().left+' : '+x+'</TD>\
<TD>'+is.offset().top+'</TD>\
<TD>'+is.width()+'</TD>\
<TD>'+is.height()+'</TD>\
</TR >');