2

もともと、私の画像コンテナ div は次のとおりでした。

<div id="offer_image" class="img_preview_container" />
<a class="preview_overlay"></a>
</div>

次に、これが実行されました：

$('#image_upload_form input').change(function() {

    if ( $(this).val() == '') return false;

    $('#image_upload_form').ajaxSubmit({
        success: function ( data ) { 
            if ( (/^http:\/\//).test(data) ) {
                $('#offer_detail input[name=image]').val(data);
                myImage = new Image();
                myImage.src = data;
                $(myImage).load(function() {
                    $('#offer_image').updateimgto(myImage.src);
                });
            }
            else {
                $('<div></div>').html(data).dialog({ title: 'Unable to upload your image' });
            }
        },
    });

});

その JavaScript コードが実行されると、元の<img>画像コンテナー div にタグが追加されます。

<div id="offer_image" class="img_preview_container" />
    <a class="preview_overlay"></a>
    <img src="http://www.test.com/pic1.png", alt="uploaded img">
</div>

タグ<img>がどこに追加されているのか正確にはわかりません。それは...ですか：

  1. $('#offer_image').updateimgto(myImage.src)?
  2. JavaScriptを挿入しましたが、そのタグ出力myImage.title="my pic"に追加されません。<img>なんで？
4

2 に答える 2

1

そもそも

<div id="offer_image" class="img_preview_container" /> //

する必要があります

<div id="offer_image" class="img_preview_container" >

第二に、これは何をしますか $('#offer_image').updateimgto(myImage.src);

updateimgtoは特定のプラグインのメソッドですか？そうでない場合は、なぜオブジェクトのメソッドのように呼び出しているのですか？

于 2012-09-21T02:02:42.653 に答える
1

  1. ほとんどの場合、updateimgto関数で確認する必要があります。

  2. updateimgto追加を試みるための呼び出しの後、
    $('#offer_image img').attr('title','my pic');

    これは、この時点で画像が DOM に追加されたかどうかを明確にし、タイトルも更新するのに役立ちます。

于 2012-09-21T01:35:32.130 に答える