<button> в IE7

Question

Я попробовал несколько простых манипуляций с jQuery для тегов <button>, но по некоторым причинам не работал в 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.

У кого-нибудь есть какие-либо подсказки по этому поводу?

Answer 1

Тег button не полностью поддерживается в IE6 и IE7. Он связан не с jQuery, а с самим тегом, как описано здесь: Какие недостатки есть у тега ? .

Answer 2

Я не вижу метод с именем .innerWrap() в jQuery. Я вижу один по имени .wrapInner(). Если я переключу ваш код на .wrapInner(), он будет работать для меня в в этом jsFiddle в IE9 и в IE9 в режимах эмуляции IE8 и IE7. У меня нет действительного IE7, чтобы попробовать здесь, поэтому, возможно, часть проблемы заключается в частичной поддержке в IE7 тега кнопки.