Why does height() return a completely even number regardless of window size in jQuery? -


I'm trying to set the height of a specific element on my page. I have not set the height in the CSS, and regardless of the size of the window, the following code always gives the integer '100' 

  var img_h = $ ("# compare_view"). Height (); Console.log (img_h);

When I try a different div element on the page, it gives the integer '20'.

It is despite the fact that when I develop the Chrome tools in the element, it shows me height of 415 px or some other height in pixels (which is correct). Edit: Okay ... It seems I have come to know that this is because it is the height of 100% for the basic element, and because there are 5 divisions within the parent, Each has a height of 20%, so I think my new question is ... how do I return it to PX, and not set the percentage in pixels?

Edit 2: Okay .... This is true I instead edit it using the following code instead of var img_h = $ ("# compare_view"). Css ('height'); Console.log (img_h); and it has been returned '100px'

, so it is returning the value of height in pixels, but it is not clear if it is correct. That's why I'm still at the original place - that is not sure why he is returning those weird numbers. <3 px> Edit 3: Here's the relevant CSS - this is the only segment that is related to this div ID: 

  #compare_view # compv-navbar {font-weight: bold; Background: #F9F4C 0; Height: 23px; Width: 220 pixels; Border: 1px solid # c97d7d; Word-spacing: 0 pixels; Letter-spacing: 2px; Margin: 0 15 px 0; / * Above, Right, Bottom, Left * / Padding: 5px 0px 7px 0px; / * Top, right, bottom, left * /}

Note that this is not specifically for div id = "compare_view", but rather a child of comparison_view.

The comparison_view has no height in the stylesheet across my site.

height () method of jQuery > Calculation gives height, you can see the difference because it is possible that in some point / event the height of the element changes during the page load. You need to check your inline styles, css or any javascript which is changing its height.


-

Comments

Post a Comment

Popular posts from this blog

Eclipse CDT variable colors in editor -

I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
Read more

AJAX doesn't send POST query -

$ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
Read more

wpf - Custom Message Box Advice -

Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
Read more