Javascript 拖放<；对象>；标签，数据在<；对象>；asp.net中的标记

我正在拖放3个div（div标签）。一个div标签在

div

标签的侧面包含

object

标签，在我显示的

PDF

文件的对象标签中。当页面加载

对象

标记显示的

PDF

文件时，拖放

对象

标记后将不显示PDF文件，

对象

标记为空

HTML代码

       /* Display Box1*/
        <div class="parent">
         <div class="box child" id="child3">
         <div class="box-header">
         <h3 class="box-title">Information From Document Archive</h3>
         </div>
         <div class="box-body table-responsive no-padding" style="overflow: auto; padding-left: 5px; max-height: 250px;">
         <div style="z-index: -999;">
        <object data="file/DRAG.pdf" id="objpdf" class="col-sm-12">
         </object>
         </div>
        </div>
        </div>
    </div>
/* Display Box2 */
<div class="row">
<div class="col-sm-6">
<div class="parent">
<div class="box child" id="child1">
<div class="box-header">
<h3 class="box-title">Information From AI Engine</h3>
<div class="box-tools">
<div class="input-group input-group-sm" style="width: 150px;">
</div>
</div>
</div>
<div class="box-body table-responsive no-padding" style="overflow: auto; max-height: 300px;">
<table class="table table-hover">
<tbody>
<tr>
<th style="width: 200px;">Field</th>
<th>Value</th>
</tr>
<tr>
 <td>Permission Note</td>
 <td><span class="text-red">
 <asp:Label ID="lblPermissionNote" runat="server" Text="abcd"></asp:Label>
 </span></td>
 </tr>
 <tr>
 <td>Customer Comments</td>
 <td><span class="text-red">
 <asp:Label ID="lblCustomerComments" runat="server" Text="Test comments"></asp:Label>
</span></td>
</tr>
 </tbody>
 </table>
</div>
</div>
</div>
  </div>

 <div class="col-sm-6">
 <div class="parent">
 <div class="box child" id="child2">
 <div class="box-header">
 <h3 class="box-title">Information From Mainframe Engine</h3>
<div class="box-tools">
<div class="input-group input-group-sm" style="width: 150px;">
</div>
</div>
</div>
<div class="box-body table-responsive no-padding" style="overflow: auto; height: 300px;">
<table class="table table-hover">
<tbody>
<tr>
<th>Field</th>
<th>Value</th>
</tr>
<tr>
<td>Consignment Number</td>
<td><span class="text-black">
<asp:Label ID="lblMainFrameConsigmentNumber" runat="server" Text="1234556789"></asp:Label>
</span></td>
</tr>
<tr>
<td>Account Number</td>
<td><span class="text-black">
<asp:Label ID="lblMainFrameTntAccountNumber" runat="server" Text="123456"></asp:Label>
</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>                               
</div>

CSS

.parent {
         /*float: left;*/
         cursor: move;
         border: 2px dotted silver;
    }

拖动前的网页

拖动后的网页

---

请建议任何解决方案。

找到解决方案。我没有使用标签，而是使用标签。这对我有用

之前：

<object data="file/DRAG.pdf" id="objpdf" class="col-sm-12">
         </object>

<iframe src="file/DRAG.pdf" class="col-sm-12" style="height:300px;" frameborder="0"></iframe>

更改为：

<object data="file/DRAG.pdf" id="objpdf" class="col-sm-12">
         </object>

<iframe src="file/DRAG.pdf" class="col-sm-12" style="height:300px;" frameborder="0"></iframe>

拖放后，您能否从您的站点向我们提供标记？您好。我在问题中附上了“拖动前”和“拖动后”的截图。请看一下。拖动后我需要查看代码。我看到的图片。拖动后的对象标记代码：-