width | 易学教程

Can't get ajax - loaded image's height and width via jquery

阅读更多关于 Can't get ajax - loaded image's height and width via jquery

问题 I'm loading an image exteranlly via ajax like so... function load_image(image_href) { var img = new Image(); $(img).load(function () { $(this).hide(); $('#a_box').append(this); $(this).fadeIn(); }, gallery_image_load_complete() ).error(function () { }).attr('src', image_href); } function gallery_image_load_complete() { conslole.log('complete') $('#a_box img').height(); //wrong numbers, as though the image is partially loaded $('#a_box img').width(); //wrong numbers } The problem is I'm trying

Can I set an element's size to fit its potential content, rather than its actual content?

阅读更多关于 Can I set an element's size to fit its potential content, rather than its actual content?

问题 Consider this bar of buttons: body {text-align: right;} <button>Save</button> <button>Cancel</button> <button>Delete</button> Now let's say that the last button's content changes: body {text-align: right;} <button>Save</button> <button>Cancel</button> <button>Click me again to confirm deletion</button> As you can see, this change in the rightmost button triggered all buttons to its left to move. To avoid this, I'd like the button's original size to fit the larger one of its two possible

Resize of div is being ignored

阅读更多关于 Resize of div is being ignored

问题 I have a super-simple web page that loads data from a server into s as containers. The problem is that sometimes images are too tall, and overflow and cause layout problems. So, I was looking to resize the divs using: target.style.height = height; // As short form of: document.getElementById('someId').style.height=height; But so far NOTHING I've tried has worked. Here's the html file: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head>

Change width of UITableViewController on iPhone

阅读更多关于 Change width of UITableViewController on iPhone

问题 Does anyone know how to change the width of a uitableviewcontroller? I was thinking maybe I could do it in interface builder because I can't figure it out in the code. Thanks! 回答1: View controllers do not have any size attributes associated with them (that information is stored within the view). However, you can change the width of your UITableView by setting 'frame' property or by updating the properties in interface builder (Tools > Inspector > Size). If you have a UITableView contained

Chrome and fixed width on a div (or other tags)

阅读更多关于 Chrome and fixed width on a div (or other tags)

问题 I have some html which looks like this: <div style="{ display:inline; width: 80px}">fig</div>vitamin c<br> <div style="{ display:inline; width: 80px}">apple</div>vitamin a<br> <div style="{ display:inline; width: 80px}">coconut</div>vitamin <br> in IE.8 this is shown as fig vitamin apple vitamin coconut vitamin and all of the 'vitamins' are nicely aligned. in Chrome the gap is not created and therefore it is not nicely rendered. figvitamin applevitamin coconutvitamin The question is: is this

Disable jquery function when screen width larger than 480

阅读更多关于 Disable jquery function when screen width larger than 480

问题 I'm a newbie (no kidding?!) and I can't get this to work. What am I doing wrong here? If the screen width is larger than 480 I don't want this function to do anything, only to fire when screen width is 480 and below. if ( screen.availWidth < 480 ) { $(document).ready(function(){ $(".reklam").click(function(){ $('.reklam').attr('src','bilder/480/reklam_on.jpg'); }); }); } 回答1: Because screen size can change (if a user re-sizes the window), would it be more relevant to have the if statement

React: Can't get correct width of element after render

阅读更多关于 React: Can't get correct width of element after render

问题 I'm trying to setup a Marquee in React if a piece of text is greater than its container but I can't get the correct width of the container, even after the component has rendered. I read in another answer React “after render” code? that you have to use requestAnimationFrame which I'm trying and it's still not working. If I log the width of the container it shows a width of 147px which is set using min-width in the stylesheet but the correct width should be 320px which is set using a media

How do I get my styled select menu to be 100% width of the parent container in Chrome?

阅读更多关于 How do I get my styled select menu to be 100% width of the parent container in Chrome?

问题 I'm creating a form with a text box and a styled select menu (essentially a DIV with other DIVs within it). I would like both items to be the same width, preferably not a fixed pixel width, but rather 100% of the available space. I have <div class="field"> <label for="user_notification_price">Label</label> <span class="required">*</span> <br> <input size="30" type="text" name="user_notification[price]" id="user_notification_price" /> </div> <div class="field"> <label for="user_notification

How do I get my styled select menu to be 100% width of the parent container in Chrome?

阅读更多关于 How do I get my styled select menu to be 100% width of the parent container in Chrome?

How to set the line width to 0.5 pt in ggplot2?

阅读更多关于 How to set the line width to 0.5 pt in ggplot2?

问题 In ggplot2 , it is easy to use element_text with argument size=6 to set the font size to 6 pt (For text, size has a unit of pt). However, we cannot use element_line with argument size=0.5 to set the line width to 0.5 pt (For line, size has no unit). So how to solve this problem? In grid package, I meet with the similar question. The code is as following: library(grid) grid.rect(width=unit(5, "cm"), height=unit(5, "cm"), gp=gpar(lwd=unit(2, "cm"))) and the result is: Obviously, the line width