2.     $('#PurchaseDetailInput').click(function () {
3.         $('#dialogPurchaseDetailInput').dialog('open');
4.         $('#dialogPurchaseDetailInput').parent().appendTo('form:first');
5.         return false;
6.     });

Where "parent().appendTo('form:first');", the dialog will cover my web page even if it was hidden and closed! this will also block my other button on my web page screen, but I remove appendTo('form:first');, that's no problem but the asp:button inside is no reaction.

The dialog box is:

2.     $('#dialogPurchaseDetailInput').dialog({
3.         draggable: false,
4.         resizable: false,
5.         autoOpen: false,
6.         show: 'blind',
7.         hide: 'explode',
8.         modal: true,
9.         width: 550
10.     });

And the HTML is:

1. ............................
2. ............................
3. <asp:Button ID="PurchaseDetailInput" runat="server" Text="請輸入代購貨品" />
4. ............................
5. ............................
6. <div id="dialogPurchaseDetailInput" title="請輸入代購貨品資料">
7.       <asp:textbox ID="XX" runat="server"> XXXXXXXXXXX </asp:textbox>
8.       <asp:Button ID="PurchaseDetailInputConfirm" runat="server" Text="確認" Width="100px" OnClick="PurchaseDetailInputConfirm_Click" />
9. </div>

$('#dialogPurchaseDetailInput').parent().appendTo('form:first'); is really really a big problem with bug !!!!!!!!