0

次のコードで img タグを正しく追加しましたが、Web ページに X が入った小さなボックスとしてしか表示されません。テストするために、この同じ img タグを Web ページに追加しました。それはうまく表示されます。開発者ツール (PF12) で両方の img タグを確認しましたが、ページ上のタグは同じです。私が理解しているのは、コンテンツに対するすべての http リクエストがスケジュールされた後に jQuery でイメージ タグをロードしているため、タグを取得しているが、ブラウザの処理が遅すぎて、リクエストされたソース ファイルを取得できず、読み込まれました。ページの最初の表示でさまざまな画像を読み込もうとしています（非表示の入力フィールドの内容に応じて-これにアクセスし、挿入したいくつかのアラートに基づいてどの画像が正常に機能しているかを判断します）。

画像を挿入するコードは次のとおりです（この問題を解決している間、決定は削除されます）：

$(document).ready (function() {
            $('<img class="rcpt" src="~/Images/MountainCrs_Incline.png" alt="" />').appendTo('div#Logo');
});

「未解決の参照」ボックスのみを表示する挿入された img タグを次に示します (結果の html からコピーされます)。

<div id="Logo"><img class="rcpt" alt="" src="~/Images/ChampCrs_Incline.png"></div>

img タグが正しくフォーマットされていることを確認するためにネイティブ html に挿入した img タグを次に示します (これは問題なく表示されます)。

<h3>&nbsp;</h3>
<img class="rcpt" alt="" src="/Images/ChampCrs_Incline.png">
<h3>&nbsp;</h3>

誰かが何が起こっているのか、それを修正する方法を教えてくれたら、とても感謝しています. テストには Visual Studio 11 と IE10 を使用しています。ありがとう...

4

3 に答える 3

4

これは有効なクライアント URL ではありません

~/Images/MountainCrs_Incline.png

サーバー側では有効な URL に解決されますが、クライアント側では意味がありません。それを次のように置き換えてみてください

/Images/MountainCrs_Incline.png
于 2013-03-27T17:26:01.787 に答える
1

ResolveClientUrlを使用してこれを試してください。

var url = '<%= ResolveClientUrl("~/Images/MountainCrs_Incline.png") %>';
$('<img class="rcpt" src="' + url + '" alt="" />').appendTo('div#Logo');
于 2013-03-27T17:45:45.447 に答える
1

jQuery で挿入している img タグの src プロパティにチルダ (~) がありますが、「ネイティブ html」マークアップにはありません。チルダは有効な URL 文字です。.NET を使用していると仮定しています。URL でチルダを使用する方法は、サーバー側でのみ機能します。

于 2013-03-27T17:30:30.637 に答える