Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 控件在jquery模式对话框中不起作用_Javascript_Jquery_Asp.net_Jquery Dialog_Componentart - Fatal编程技术网

Javascript 控件在jquery模式对话框中不起作用

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

我正在ASP.net web应用程序中使用jquery对话框。在它里面我有一个带有链接的用户控件。对话框处于模式模式时,链接不可选择

我在post中尝试了解决方法,但对我来说不起作用

更新
在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);