jquery - JQuery は、img src に設定された URL を正しくエンコードしません。エンコードしないようにするにはどうすればよいですか？

Question

新しいイメージが作成されると、jQuery には次の動作があります。

$('img').attr('src','http://example.com/notexist.png').appendTo('body')

次のエラーメッセージが表示されます。

GET http://example.com/%E2%80%8Bnotexist.png 404 (Not Found)

404 を期待していますが、URL が正しくありません。スラッシュの周りの余分なエンコードに注意してください。これを停止して、「src」を適切に設定するにはどうすればよいですか?

score 1 · Accepted Answer

フレデリックが述べたように、ファイル名の前にエンコードされた文字があるため、そのエラーが発生します。あなたはおそらくどこかからそれらの文字でそのsrcをコピーしました. エンコードされたものを取り除くか、自分で URL を書く必要があります。

ただし、有効な URL を使用しても、jquery は失敗します。appendToの正しい方法は、最初に jquery 要素を作成してから追加することです。

方法 1:

$('<img src="http://example.com/notexist.png"/>').appendTo('body');

方法 2:

$('<img />').attr('src','http://example.com/notexist.png').appendTo('body');

これは、機能する方法と機能しない方法を示すjsfiddleリンクです： http://jsfiddle.net/R7U5H/2/

3 に答える 3