internet-explorer-7

问题 I tried a few simple jQuery manipulation on <button> tags but, for some reasons, didn't work on IE7. <!-- HTML --> <button class="button">Hello</button> // jQuery, using v1.4.4 $('button').html('Hello World!'); // Works on Firefox and IE7. $('button').addClass('another-class'); // Works on Firefox; *not* on IE7. $('button').wrapInner('<span></span>'); // Works on Firefox; *not* on IE7. Does anyone have any clues about this? 回答1: The button tag isn't fully supported on IE6 and IE7. It isn't

问题 I tried a few simple jQuery manipulation on <button> tags but, for some reasons, didn't work on IE7. <!-- HTML --> <button class="button">Hello</button> // jQuery, using v1.4.4 $('button').html('Hello World!'); // Works on Firefox and IE7. $('button').addClass('another-class'); // Works on Firefox; *not* on IE7. $('button').wrapInner('<span></span>'); // Works on Firefox; *not* on IE7. Does anyone have any clues about this? 回答1: The button tag isn't fully supported on IE6 and IE7. It isn't

问题 I've got a pretty interesting issue. I'm writing a plugin which allows you to zoom in/out an image. I've got 3 buttons: close (close the 'window'), zoom in, zoom out. The buttons zoom in/out have got disabled versions, too. Its activated when you reach the minimum/maximum amount of zoom. If you open the picture to zoom, you can see an active zoom out button, and a disabled zoom in button (because I set the maximum value at opening). When you first clicked on the zoom out button, the zoom in

问题 Does $('#idOfLememt').outerHeight(); yield same result for all browsers? Any thing different for IE7? 回答1: Just go to http://api.jquery.com/outerHeight/ with the different browsers you want to test and see for yourself (on Mac OS X so can't check IE for you). It looks like the DOM in the demo has all possible styles that would affect this included. Most of the time you can rely on jQuery to do it's thing and give you consistent results across browsers, that's one of it's main reasons for

问题 I have been using elem.removeChild() to remove elements from my document, but saving a JavaScript reference to that element, so that I can add them back when appropriate. Works just fine in Firefox and Chrome. Now I notice that that on IE7, those elements get destroyed in the process, having all their children removed. When I add them back to the same parent element, they are the same type of element and have retained things like their class name, but they have no children elements. Is this

问题 I have been using elem.removeChild() to remove elements from my document, but saving a JavaScript reference to that element, so that I can add them back when appropriate. Works just fine in Firefox and Chrome. Now I notice that that on IE7, those elements get destroyed in the process, having all their children removed. When I add them back to the same parent element, they are the same type of element and have retained things like their class name, but they have no children elements. Is this

问题 I can't figure out why this image (and others like it) will not display in IE7 or IE8. It displays perfectly fine in IE9, Chrome, Safari, Firefox, on Mac or PC and multiple versions of these browsers. http://images.appletree.com/icon/woman_big.jpg On the other hand, other images from the same server (when served either from S3/Cloudfront or my server) display fine. Like this: http://images.appletree.com/tree.png I've checked web-sniffer.net and the failing image above returns the correct

问题 I have the this piece of code here... <div class="pics2"> <div style="position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 225px; height: 200px;"> // this div is generated via jQuery Plugin <div style="display:table-cell; vertical-align:middle; height:200px;"> <img src="upload/<?php echo $array['image5'] ?>" width="225" /> </div> </div> </div> and here is the CSS .pics2 { padding: 0; margin-left:20px auto; margin-right:20px auto; width:225px; height:200px;

问题 I'm using Jquery plugin ZClip or ZeroClipboard which copies content to the clipboard via a button or link. The data to copy and links/buttons to activate this are loaded using ajax which needs to use plugin, I attach the elements after they have loaded as so: $('#ajaxbutton').live('click', function() { $.ajax({ type: "POST", url: "ajax.php", success: function(msg){ $('a.ajaxcopymulti').zclip({ path:'js/ZeroClipboard.swf', copy:function(){ return $('p#ajaxdescription').text(); } }); }); });

问题 I am setting readonly="readonly" (in other words, true) via javascript: document.getElementById("my_id").setAttribute("readonly", "readonly"); This is having the intended effect (making the field no longer editable, but its contents are submitted with the form) in FF, Safari and Chrome, but not for IE7. In IE7 I can still modify the contents of the text input field. I have tried setting ("readonly", "true") as well, which works in all three other browsers that I am testing, but which IE7 also