JQuery对话框一次单击不打开

Question

我打开一个jquery对话框按钮点击，我打开面板作为对话框。在那个面板中有iframe，在这个iframe src中，我称之为新页面。弹出窗口在第一次正常打开。我正在关闭弹出窗口，并通过单击按钮再次打开弹出窗口。当我第二次打开弹出窗口时，我面临两个问题

1. ，如果我点击按钮，第一次弹出窗口不会打开。如果我再次点击按钮第二次，然后弹出打开。弹出窗口在第二次点击时打开，而不是在第一次单击时打开。我无法找出为什么弹出窗口不是在一次点击时打开，而是双击打开。
2. ，我在弹出窗口中有TextBox控件。当我在IE中第二次打开弹出时，这个TextBox控件处于禁用状态。如果我触发页面中的任何服务器端事件，比如按钮单击，那么TextBox控件就会被启用。在Mozilla中，它正在正常工作。TextBox控件始终处于启用状态.

请告诉我如何解决这个问题。

我的jquery函数如下

function OpenPopupTest()
{
    $("#PanelTest").dialog(
    {                    
        minWidth: 500,
        minHeight: 500
    });
}

我打电话给下面的小组

<asp:Panel ID="PanelTest" runat="server" Style="display: none; background-color: White;
    font-size: 12px;">
    <div id="DivTst" style="text-align: left; margin-top: 20px; margin-left: 10px">
        <iframe id="iframeTest" src="Test1.aspx" height="400px" width="400px"></iframe>
        <br />
    </div>
</asp:Panel>

<button ID="ButtonTest" runat="server" Value="Open Popup" />

此按钮位于更新面板中。

在botton属性后面的代码中，我调用javascript函数。ButtonTest.Attributes.Add("onclick"，"OpenPopupTest()")；

任何帮助都将不胜感激。

提前谢谢。

你好，Rahul Rathi

Answer 1

您的对话方法是不正确的。对于可重用的对话框，您希望在页面加载时初始化它，然后只使用按钮打开它。

/* initialize dialog on page load*/
$(function(){
    $("#PanelTest").dialog(
    {                    
        minWidth: 500,
        minHeight: 500,
        autoOpen: false
    });    
});

function OpenPopupTest()
{
    $("#PanelTest").dialog('open')
}