私が取り組んでいる Web サイトで問題が発生しています。$("main").html(this)
最初は、Flash オブジェクトのコードを新しく改良された HTML5/Javascript バージョンに簡単に置き換えることができると信じていました。
元のコード:
$("#main").html('<div style="height: 100%; width: 100%; overflow: hidden;"><object width="100%" height="100%" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">\
<param value="images/uploads/'+image_id+'.swf" name="movie">\
<param value="true" name="allowFullScreen">\
<param value="#737373" name="bgcolor">\
<param value="" name="FlashVars">\
<embed width="100%" height="100%" flashvars="" bgcolor="#737373" allowfullscreen="true" src="images/uploads/'+image_id+'.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">\
</object></div>\
');
});
そして、私の新しいコードを挿入する私の(失敗した)試み:
$("#main").html('<script type="text/javascript">pano=new pano2vrPlayer("container");skin=new pano2vrSkin(pano);pano.readConfigUrl("xml/tablet_'+image_id+'.xml");hideUrlBar();</script>');
を入れただけでは機能しないので、JavaScript自体に違いないことはわかっています。
私はそこにある解決策を見てきましたが、ここでそれらを最も効率的な方法で適切に実装する方法がわかりません。
あなたの助けは大歓迎です、ありがとう!