我在 ajaxcontroltoolkit 的模态弹出扩展器中使用 jQuery 的可拖动函数时遇到了困难。如果我在扩展的面板之外使用此代码,它可以正常工作,但是一旦它在面板内,我就不能再拖动该项目。我认为这与面板开始时不可见,然后在用户单击按钮时发生更改(也许该项目最初不在 DOM 中)这一事实有关。有谁知道如何让这两个东西一起玩得很好?贝娄是我的代码:
<asp:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="Panel1" Radius="20">
</asp:RoundedCornersExtender>
<asp:button id="Button1" runat="server" text="Button" CssClass="hidden" />
<asp:modalpopupextender id="ModalPopupExtender1" runat="server"
cancelcontrolid="btnCancel"
targetcontrolid="Button1" popupcontrolid="Panel1"
popupdraghandlecontrolid="PopupHeader" drag="true"
backgroundcssclass="ModalPopupBG">
</asp:modalpopupextender>
<asp:panel id="Panel1" runat="server" class="manageLoopsPanel">
<div id= 'someId' class="draggable1 ui-widget-content" style="border:1px solid black;">
<table>
<tr>
<td>
<asp:Label ID="DOBLabel" runat="server" Text='22' />
<asp:Label ID="Label2" runat="server" Text='33' />
</td>
</tr>
</table>
</div>
</asp:panel>
我的 jQuery 看起来像这样:
$(function () {
$(".draggable1").draggable({
helper: 'clone',
zIndex: '5000',
scroll: false,
revert: "invalid",
appendTo: 'body',
drag: function (event, ui) {
}
});