JQueryダイアログがワンクリックで開かない

Question

ボタンクリック時にjqueryダイアログを開きます。ダイアログボックスとしてパネルを開きます。 そのパネルにはiframeがあり、そのiframe srcには新しいページが呼び出されています。 初めてポップアップが正しく開かれています。 ポップアップを閉じて、ポップアップを再び開くためにボタンをクリックしています。私はポップアップ2回目を開いていたとき、私は、ポップアップが開かれていないボタンを1回目にクリックした場合 私は2つの問題

1. に直面しています。 2回目のボタンをもう一度クリックすると、ポップアップが開きます。ポップアップは2回目のクリックで開きますが、1回目のクリックでは開きません。私はなぜポップアップがシングルクリックで開くのではなく、ダブルクリックで開くのかを知ることができません。

2. 私はポップアップでTextBoxコントロールを持っています。 IEでポップアップ2回目を開くと、このTextBoxコントロールは無効な状態になります。そのページのボタン側のクリックのようなサーバー側のイベントを発生させると、そのTextBoxコントロールが有効になります。 Mozilla Firefoxでは正しく動作しています。 TextBoxコントロールは常に有効な状態です。

どうすればこの問題を解決できるか教えてください。

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

を次のように私のjqueryの関数である

私は、このボタンは、更新パネルの内側にある

<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" /> 

次のパネルを呼び出しています。

私はjavascript関数をコールしています。 ButtonTest.Attributes.Add（ "onclick"、 "OpenPopupTest（）"）;

ご協力いただければ幸いです。

ありがとうございました。

よろしく、 ラーフルRathi

Answer 1

ダイアログへのあなたのアプローチは間違っています。再利用可能なダイアログでは、ページが読み込まれたときに初期化したい場合は、ボタンを押して開きます。

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

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