SafariはHTML5 void要素でクールではありません。 JavaScriptは

Question

です。JavaScriptを使用して画像オブジェクトを生成した後、jQueryを使用して.load関数などの属性を変更しています。 Safari（バージョン5.0.5）のエラーコンソールを見つけようと欲しいと思ったのですが、最終的に見つけにくいのは難しいですが、Safariは閉じられていないimgタグを見つけたときにJavaScriptを終了させました。 HTML5では廃止予定です。不可能ではないにしても、むしろ悪夢のような負荷機能を追加しなければ、関数のimgタグを単純にハードワイヤリングするだけです。何か案は？

function loadImageTitle(imgsrc, element, width, height, title) { 
    var img = new Image(); 
    $(img) 
     .load(function() { 
      $(this).hide(); 
      $(element).replaceWith(this); 
     }) 

     .css({ 'max-width': width, 'max-height': height }) 
     .attr("title", title) 
     .attr("alt", title) 
     .attr("src", imgsrc); 
} 

---

私はこの最も基本的な部分については、実際に種類の不明でした。問題は、JavaScriptがHTML5で、Safari 5.0.5、FF 4.0.1、IE8、Chrome 13の後ろにスラッシュを付けずにimgを作成することです。オプションです。 Safariはスクリプトに同意せずにスクリプトを終了します。

Answer 1

あなたのコードが達成しようとしていることは明確ではありません。既存の要素を画像で置き換えようとしているようです。

var img = $("<img/>") 
    .load(function() { $(element).replaceWith(this); }) 
    .attr({ 
    title: title, 
    alt: title, 
    src: imgsrc 
    }) 
    .css({ 
    "max-width": width, 
    "max-height": height 
    }) 

私は画像を隠すために.hide（）を使用するつもりでしたが、それはそのままでよいはずです。イメージはドキュメントに追加されていないため、とにかく表示されません。