Javascript 控件在jquery模式对话框中不起作用
我正在ASP.net web应用程序中使用jquery对话框。在它里面我有一个带有链接的用户控件。对话框处于模式模式时,链接不可选择 我在post中尝试了解决方法,但对我来说不起作用 更新Javascript 控件在jquery模式对话框中不起作用,javascript,jquery,asp.net,jquery-dialog,componentart,Javascript,Jquery,Asp.net,Jquery Dialog,Componentart,我正在ASP.net web应用程序中使用jquery对话框。在它里面我有一个带有链接的用户控件。对话框处于模式模式时,链接不可选择 我在post中尝试了解决方法,但对我来说不起作用 更新 在ComponentArt论坛上添加了一个帖子。它似乎与组件art TabStrip控件有关。此处的链接工作不正常,但在tabstrip之外工作。请参见下面添加的标记: var dlg = $("#dialog-form").dialog({ autoOpen: fal
在ComponentArt论坛上添加了一个帖子。它似乎与组件art TabStrip控件有关。此处的链接工作不正常,但在tabstrip之外工作。请参见下面添加的标记:
var dlg = $("#dialog-form").dialog({
autoOpen: false,
height: 650,
width: 700,
modal: true,
buttons: {
close: function () {
$(this).dialog("close");
}
}
});
dlg.parent().appendTo($('form:first'));
<div id="dialog-form" title="">
<ComponentArt:tabstrip runat="server"
CssClass="TopGroup"
SiteMapXmlFile="../UserControls/AppDetailsTabData.xml"
DefaultItemLookId="DefaultTabLook"
DefaultSelectedItemLookId="SelectedTabLook"
DefaultDisabledItemLookId="DisabledTabLook"
DefaultGroupTabSpacing="1"
ImagesBaseUrl="../App_Themes/Default/Tab/images/"
MultiPageId="MultiPage1"
runat="server">
<ItemLooks>
<ComponentArt:ItemLook LookId="DefaultTabLook" CssClass="DefaultTab" HoverCssClass="DefaultTabHover" LabelPaddingLeft="10" LabelPaddingRight="10" LabelPaddingTop="5" LabelPaddingBottom="4" LeftIconUrl="tab_left_icon.gif" RightIconUrl="tab_right_icon.gif" HoverLeftIconUrl="hover_tab_left_icon.gif" HoverRightIconUrl="hover_tab_right_icon.gif" LeftIconWidth="3" LeftIconHeight="21" RightIconWidth="3" RightIconHeight="21" />
<ComponentArt:ItemLook LookId="SelectedTabLook" CssClass="SelectedTab" LabelPaddingLeft="10" LabelPaddingRight="10" LabelPaddingTop="4" LabelPaddingBottom="4" LeftIconUrl="selected_tab_left_icon.gif" RightIconUrl="selected_tab_right_icon.gif" LeftIconWidth="3" LeftIconHeight="21" RightIconWidth="3" RightIconHeight="21" />
</ItemLooks>
</ComponentArt:tabstrip>
<ComponentArt:MultiPage id="MultiPage1" CssClass="MultiPage" runat="server">
<ComponentArt:PageView CssClass="PageContent" runat="server">
<a href="www.google.com">click me</a>
</ComponentArt:PageView>
<ComponentArt:PageView CssClass="PageContent" runat="server">
</ComponentArt:PageView>
</ComponentArt:MultiPage>
var dlg=$(“#对话框形式”).dialog({
自动打开:错误,
身高:650,
宽度:700,
莫代尔:是的,
按钮:{
关闭:函数(){
$(此).dialog(“关闭”);
}
}
});
dlg.parent().appendTo($('form:first');
我想这应该是你的答案。 请参见模态选项说明。它禁用其他元素并在超链接或其他表单元素上创建图层。该层阻止链接工作
首先,控件的包装器div
没有结束标记
,但这里可能是输入错误,请再次检查此项以确保结束标记
没有丢失
但是在这个dlg.parent().appendTo($('form:first'))中代码>行您正在尝试附加的父容器
,它是dlg
而不是dlg
本身,我在您的代码中没有看到任何
的父包装,因此可能是个问题。在代码中,以下行表示
`dlg.parent().appendTo($('form:first'));`
将dlg的父项或此(
)div的父div追加到页面的第一个表单中
如果要在第一个表单中附加引用中的
的dlg
,则应编写
或
或
摆脱了组件艺术控件,创建了我自己的组件艺术控件,它更简单,也能很好地与他人配合。请添加一个JSFIDLE链接或实时演示链接,这将非常有用!
dlg.appendTo($('form:first'));
$('form:first').append(dlg);
$($('form')[0]).append(dlg);