Question

我在ASP.net网络应用程序中使用jquery对话框。在其中我有一个用户控件与一些链接。当对话框处于模态模式时，链接不可选。

我在this帖子中尝试了解决方法，但它对我不起作用。

更新
在ComponentArt论坛here中添加了帖子。它似乎与组件艺术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>

Answer 1

摆脱了组件艺术控制，使我自己更简单，并与其他人合作。

Answer 2

首先，您的控件的包装div [{1}}没有结束标记<div id="dialog-form" title="">，但这可能是一个错字，无论再次检查这一点，以确保结束标记</div>不是丢失。

但是在这个</div>行中，您尝试附加dlg.parent().appendTo($('form:first')); parent container而不是<div id="dialog-form" title=""> which is dlg本身，我没有看到{{1}的任何父包装在你的代码中，所以它可能是一个问题。在您的代码中，以下行表示

dlg

附加dlg的父级或将此（<div id="dialog-form" title="">）div的父div添加到页面的第一种形式。

如果您想将引用`dlg.parent().appendTo($('form:first'));`的{{1}}附加到第一个表单，那么您应该写

<div id="dialog-form" title="">

或

dlg

或

<div id="dialog-form" title="">

Answer 3

我想这应该是你的答案。请参阅模态选项说明。它禁用其他元素并在超链接或其他表单元素上创建图层。此图层可防止链接起作用。

http://jqueryui.com/demos/dialog/#modal-message

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

3 个答案: