HTML5在jQuery UI对话框上拖放

我正在读博客，我想把一个图像拖到一个模式窗口上。我的问题是，当我在模式窗口上拖放图像时，图像占据了整个页面

<div id="popupdiv" title="Basic modal dialog" style="display: none">
<table id="tbAttach" style="margin: 10px 0; width: 100%; display: block; font-size:0.9em;">
    <thead class="ui-widget-header">
         <tr>
            <th class="ui-state-default">File Name</th>
            <th class="ui-state-default">Image</th>
            <th class="ui-state-default">Delete</th>
        </tr>
    </thead>
    <tbody class="ui-widget-content">
        <tr>
            <td></td>
            <td>
                <div class="filedrop" draggable="true" style="display: block;"></div>
            </td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td><div class="filedrop" draggable="true" style="display: block;"></div></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td><div class="filedrop" draggable="true" style="display: block;"></div></td>
            <td></td>
        </tr>
    </tbody>
</table>

文件名
形象
删除

功能备份（位置）{
$（“#popupdiv”）。对话框({
标题：“备份”，
宽度：520，
身高：350，
莫代尔：是的，
按钮：{
关闭：函数（）{
$（this.dialog（'close'）；
}
}
});            
}

请提供您的代码示例并尝试解决您的问题。在这里工作正常：谢谢各位，我的错误是将div放入了更新面板中。如何检测filedrop div的内容更改？即，如果filedrop div中有图像

<asp:ImageButton ID="DetailQuery" runat="server" ImageUrl="~/Images/imgDetails.gif" OnClientClick='<%# "return Backup(" + Container.DataItemIndex + ")" %>' >

function Backup(position) {
    $("#popupdiv").dialog({
            title: "Backup",
            width: 520,
            height: 350,
            modal: true,
            buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
            }
        });            

    }