0

これが私のコードです：

JS/jQuery:

function RefreshImage(){
    var form_data = {
        ID: $('#ID').val()
    };

    $.ajax({
        type: "POST",
        url: "submit/image.php",
        data: form_data,
        success: function(data) {
            $('#IMG').css('backgroundImage', "url('images/+data+')");
        }
    });
}

HTML:

<table>
    <tr>
        <td background="images/default.jpg" id="IMG"></td> 
    </tr>
</table>
<input type="hidden" id="ID" value="4">

CSS:

#IMG{
    background-color:rgba(0,0,0,0.5);
    width:99px; height:99px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    vertical-align:text-top;
}

黒い画像に変わるだけなので、私のコードは失敗しました。しかし、応答では、要求している画像名の正確な値が表示されますが、黒に変わるだけなので失敗します。

よろしくお願いします。

4

2 に答える 2

6

background-imageではなく、正しい CSS プロパティbackgroungImageです。UPDATEコメントで指摘されているように、「backgroundImage」はjavascriptプロパティを参照するため有効です。

次の連結にも問題がありますdata。

 $('#IMG').css('background-image','url(images/' + data + ')');

また、 のbackground属性を削除し、 <td>css を介して適用します。

 #IMG{ background-image: url(images/default.jpg); }
于 2013-10-25T15:57:39.290 に答える
0

変更してみてください

$('#IMG').css('backgroundImage',"url('images/+data+')")

に

$('#IMG').css('backgroundImage','url(images/'+data+')');
于 2013-10-25T15:59:07.380 に答える