Hey Dan,
Glad that worked. You're right: the plan was to remove all of these
shorthand methods and replace them with .attr() or .css().
But it was later determined that height() and width() are just too
convenient to get rid of, especially when we want to use its value in
some sort of a calculation because it gives us only the numeral
without the corresponding unit of measurement.
So, if <div id="container"> is 500px tall:
-- $('#container).css('height') == "500px"
-- $('#container).height() == 500
Oh, and thanks to Brandon for mentioning about .height() being a
setter, too.
--Karl
On Jan 13, 2007, at 10:05 AM, Dan Atkinson wrote:
>
> Yup, that would be it!
>
> Using 1.1a on my test site. Updated to 1.1b and it's working!
>
> I was under the impression that these methods would be removed and
> replaced
> wholly with their respective parent methods like css().
>
> So, would the following be acceptable, do you think? ::
>
> $("div#content").css("height",$("#content").height()+"px");
>
> Cheers,
>
> Dan Atkinson
>
>
> Karl Swedberg-2 wrote:
>>
>> Dan,
>>
>> .height() was pulled out of 1.1a, but it's back in as of 1.1b. If
>> you're using 1.1a, that could be the problem.
>>
>>
>> --Karl
>> _________________
>> Karl Swedberg
>> www.englishrules.com
>> www.learningjquery.com
>>
>>
>>
>> On Jan 13, 2007, at 7:54 AM, Dan Atkinson wrote:
>>
>>>
>>> Thanks for the reply.
>>>
>>> It returned:
>>> $("#content").height is not a function
>>>
>>>
>>> Brandon Aaron wrote:
>>>>
>>>> Try using .height(). It will return the computed height value in
>>>> pixels as in integer.
>>>>
>>>> --
>>>> Brandon Aaron
>>>>
>>>> On 1/12/07, Dan Atkinson <[EMAIL PROTECTED]> wrote:
>>>>>
>>>>> Hey there!
>>>>>
>>>>> I'm currently doing some jQuery work on my blog which involves
>>>>> some a bit
>>>>> of
>>>>> code to handle internal link clicks (same domain, not #) which
>>>>> will
>>>>> change
>>>>> anything in the main content div:
>>>>> * Sets the height of the main content div to the current height
>>>>> * Fadeout the child elements and then empty on callback
>>>>> ($("div#content").children().fadeOut('slow',function(){$
>>>>> ("div#content").empty();}))
>>>>> * Repopulate with new content from server in AJAX call.
>>>>>
>>>>> My problem here in all this is that the actual height (in px)
>>>>> isn't being
>>>>> returned in IE, but is being returned in Firefox. What IE returns
>>>>> is the
>>>>> CSS
>>>>> value of the div, but not the actual current value, which is what
>>>>> I want.
>>>>> Is
>>>>> there something I can use? I tried offsetHeight but that's not
>>>>> right.
>>>>>
>>>>> Is there anything I'm missing?!
>>>>
>>> --
>>> View this message in context: http://www.nabble.com/Retriving-
>>> actual-height-of-element-in-IE-*and*-FF-tf2969737.html#a8313889
>>> Sent from the JQuery mailing list archive at Nabble.com.
>>>
>>>
>>> _______________________________________________
>>> jQuery mailing list
>>> [email protected]
>>> http://jquery.com/discuss/
>>
>>
>> _______________________________________________
>> jQuery mailing list
>> [email protected]
>> http://jquery.com/discuss/
>>
>>
>
> --
> View this message in context: http://www.nabble.com/Retriving-
> actual-height-of-element-in-IE-*and*-FF-tf2969737.html#a8314900
> Sent from the JQuery mailing list archive at Nabble.com.
>
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
