jQueryの 'Object'タグに 'data'属性を設定できません。 [IE8のみ]

Question

私は、コンテンツをレンダリングするために、jQueryでオブジェクト要素を動的に作成しています。 IE8以外のすべてのブラウザで動作します。

コード：

j$(document).ready(function(){ 
     j$('.objContainer').html(j$('<object>').attr(
          {'data':'http://www.stackoverflow.com', 
          'type':'text/html'})); 
    }); 

（IE8で）実行後に作成されたHTML構造：他のブラウザで

<object type="text/html"></object> 

[IE9、Firefoxの、クロム]：

<object data="http://www.stackoverflow.com" type="text/html"></object> 

どのような解決策ですか？

Answer 1

私のために働く：IE8開発ツールを使用して、私はデータ属性を見ることができます。ここにはscreenshotがあります。

（私はそれを言う必要はありません知っているが、：あなたはスクリプトが実行できるようにしていることを確認する必要があります。）

Answer 2

あなたがhereを見るように、データ（セット）はIEによってサポートされていません。あなたは何ができるか
はとthen $(..).data("foo")はjqueryのそれ自体であるため、特殊な取り扱いのIEでさえ に動作しますデータ-fooのにデータの名前を変更です。
これは、データセットの制限をバイパスする方法です。です。

Answer 3

それが正常に動作する必要があり、私はあなたが$を使用することをお勧めしますが.DATA（）メソッド

http://api.jquery.com/jQuery.data/

それははるかに安全である、とjQueryは、DOM要素をjQueryの方法によって除去されたときにデータが削除されることを保証します。

例：

<object id='myObj' data-url="http://www.stackoverflow.com" type="text/html"></object> 

そして、あなたは次のように値を読むことができます：私は、これはIE8で同一生成元ポリシーの制約に起因している疑いがある

var url = $('#myObj').data('url');// Read the value 
$('#myObj').data('url', 'some-other-value');// Set a new value