<button> в IE7

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

Кто-нибудь знает об этом?

Ответ 1

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

Ответ 2

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