IE7中的<button> </button>

时间:2011-09-17 17:29:42

标签: jquery html internet-explorer cross-browser internet-explorer-7

我在<button>标签上尝试了一些简单的jQuery操作,但由于某些原因,它们无法在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.

有没有人有这方面的线索?

2 个答案:

答案 0 :(得分:4)

IE6和IE7不完全支持button标记。它与jQuery无关,但与标签本身无关,如下所述:What disadvantages are there to the <button> tag?

答案 1 :(得分:2)

我在jQuery中没有看到名为.innerWrap()的方法。我看到一个名为.wrapInner()的人。如果我将代码切换到.wrapInner(),它在IE9中的this jsFiddle和IE8和IE7仿真模式下的IE9中都适用。我没有在这里试用的实际IE7,所以可能部分问题是IE7中对按钮标签的部分支持。