1

<button>タグで簡単なjQuery操作を試しましたが、何らかの理由でIE7で動作しませんでした。<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

おそらくここで説明した動作と関係があります。http://www.peterbe.com/plog/button-tag-in-IE? – jao

答えて

4

buttonタグは、IE6およびIE7では完全にサポートされていません。これは、jQueryとは関係ありませんが、ここで説明するようにタグ自体については、What disadvantages are there to the <button> tag?です。

2

jQueryに.innerWrap()という名前のメソッドはありません。私は.wrapInner()という名前のものを見る。コードを.wrapInner()に切り替えると、IE9ではthis jsFiddle、IE8とIE7エミュレーションモードではIE9で動作します。私はここで試してみるために実際のIE7を持っていないので、おそらく問題の一部はIE7のボタンタグの部分的なサポートです。

+0

訂正していただきありがとうございます。コードを '.wrapInner'に編集しました。 – moey