控件在jQuery模式對話框中不起作用

Question

我在我的ASP.net web應用程序中使用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

我想這應該是你的答案。 請參閱模式選項說明。它禁用其他元素並通過超鏈接或其他表單元素創建圖層。這一層防止鏈接工作。

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

Answer 3

所有控件的包裝DIV <div id="dialog-form" title="">首先沒有結束標籤</div>但它可能是這裏一個錯字，無論檢查這再次以確保結束標記</div>是不缺的。

但是在這個dlg.parent().appendTo($('form:first'));行你想追加<div id="dialog-form" title=""> which is dlg沒有的dlg本身parent container，我沒有看到任何<div id="dialog-form" title="">母公司包裝在你的代碼，所以它可能是一個問題。在你的下面的代碼行指

`dlg.parent().appendTo($('form:first'));` 

追加DLG的家長或追加本（<div id="dialog-form" title="">）div的父DIV在頁面的第一種形式。

如果要追加是指<div id="dialog-form" title="">到第一形式dlg那麼你應該寫

dlg.appendTo($('form:first')); 

或

$('form:first').append(dlg); 

或

$($('form')[0]).append(dlg);